カテゴリー: Webデザイン

過去の投稿しかないとFacebookのPage Pluginでタイムラインが表示されない

facebook
Facebookのタイムラインをサイトに埋め込むことができるページプラグイン。 とても便利なのですが、投稿のタイムラインを表示する設定にしても、何も表示されないことがありました。 Facebookのボックス自体は表示されているのに、タイムラインが表示されていない状態です。調べたところ、他の事例は「ボックス自体が表示されない」場合のものが多く、「ボックスは出るけどタイムラインは出ない」という事象に行き当たりませんでした。困った。 設定は何度も確認したので上手く出来ているハズで、ボックスの表示もできている。ということはタイムライン自体が怪しいのではないかとFacebook側を確認してみました。 Facebookの投稿設定が肝だった ここで改めて今回の事例を簡単にご紹介しておきます。 元々サイトにお知らせを投稿していたのですが、今後はFace...

【Photoshop】非コーダーなWebデザイナーにお願いしたい11のこと

コーディングをして初めて分かるWebデザインの大切なポイント 世の中には二種類のWebデザイナーがいる。 コーディングをするやつと、しないやつだ。 by Webooker お久しぶりです。Webooker(の中の人)です。 コーディングをしないWebデザイナーと接する機会が多い時期、Photoshopのデータで不自由を感じたことがあったのでまとめてみました。 私自身はデザインもコーディングもやるのですが、それでも完璧にコーディングフレンドリーなデザインデータを作成できているかは怪しいです。いわんや実際にコーディングをしないWebデザイナーはなおさらです。 そこで、「コーディングをするやつ」なWebデザイナーとして、「ここに気をつけてくれたら効率があがる」「ここがちゃんとしてないとコーディング時に困る」というポイントをまとめま...

LINEスタンプ発売記念☆はたやましげお(50)Facebook用画像プレゼント!

はたやましげおのLINEスタンプ発売記念プレゼント! LINEスタンプ「はたやましげお(50)」の販売を開始しましたではお伝えしそびれておりましたが、発売を記念してFacebook用の画像をプレゼントしています! Facebookコメントでもしげおをご活用ください。 Facebook画像のGETはこちらから! (function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/ja_JP/all.js#xfbml=1"; fjs.parentNode...

MacのDreamweaverでコードヒントを表示するには「control + shift + スペース」

Dreamweaverでコードヒントを表示する方法 DreamweaverでCSSを書いている時に、コードヒントが途切れて困ることがあったのでショートカットキーを調べました。 例えば、 [html]display:inline;[/html] と入力したいのに、誤って [html]display:inherit;[/html] となってしまった場合、inheritを削除しますよね。 すると、もうコードヒントが表示されなくなってしまいます。 地味に面倒。 Windowsの場合はctrl + スペース Windowsの場合はこちらのブログに書かれていました。 キャプチャ画像もたくさんあってわかりやすい! 画面のような状態のときに、「ctrl+スペース」で、いつでもどこでも、コードヒントを出すことができま...

【Kindle日替わりセール】原田秀司著「UIデザインの教科書」【2014-05-15】

原田秀司著「UIデザインの教科書 マルチデバイス時代のサイト設計-アーキテクチャからUXまで」 [amazon template=image&asin=B00GRKXAY0] 75%OFFで2,376円→599円です。 とりあえずポチりました。 フルカラーで可変文字サイズには対応していないので、Kindle PaperwhiteではなくiPadで楽しんでいます。 [amazon template=iframe image&asin=B00GRKXAY0]...

【フリーイラスト素材】旅のしおりなどに使えるイラストを公開します

自由に使える「旅のしおり」用イラストをアップします フリー素材ご利用にあたって、ご遠慮頂いていることがあります。詳しくはこちらのページ(About)の、「フリー素材について」にまとめておりますので、ご一読ください。 家族旅行の「旅のしおり」を作る機会があったので、色々素材を作りました。 汎用性が高いように透過pngで書きだしたので、よかったら使ってみてください。 保存方法 それぞれ画像をクリックすると別ウィンドウで開きますので、右クリックから「名前を付けて画像を保存」してください。 まとめてダウンロードしたい場合は、このページの最後にzipで置いていますので、パスワードを入力してDLしてください。 「旅のしおり」タイトル [amazon asin=4881667874&template=thumbnai...

【WordPress】サイトのデザインをリニューアルしました

WordPressのテーマをサクッとリニューアル 2012年3月の開設依頼、Suburbiaという無料のテーマを使っていましたが、思い立ってテーマを変更してみました。 Suburbia Free WordPress Theme 新しいテーマは「Stinger2」 新しく選んだテーマはSEOとアフィリエイトに強いという「Stinger2」。 Suburbiaより文字も大きくて、余白も広いので読みやすく感じます。 SEO対策に強い無料WordPressテーマ「Stinger」 [browsershot url="http://wp-stinger.com/" width="545"] このテーマを知った契機となったのがITマーケティング日記を書いている永江一石氏のこちらの記事でした。 Stinger2...