はてなブックマーク

先日問い合わせを受けて調べてみたのでメモ。 サイトのトップページやサイドバーなどに、FacebookのLike Boxを置いているところが多いと思うのですが、これがうまく表示されないケースがあったので、原因を調べてみました。 いくつかチェックしたほうがいい項目があるようです。 Facebookにログインしているか？ Facebookにログインしていない時、Like Boxが表示されるはずのスペースは空白として表示される場合があります。 ログイン中のアカウントは自分のものになっている？ また、ログインしていても、ページ右上にある「ページまたはユーザーとしてFacebookを利用」でFacebookページを選んでいる場合にもLike Boxが上手く表示されません。 Facebookページに国・年齢の制限を設定していないか？ Facebookページの管理画面→「権限の設定」に、対象となる国や年齢

最近仕事でFaviconを作って設定したので、今さらですがその時に調べてみました。 Faviconのサイズ ブラウザのタブやブックマークに表示される16×16サイズで作れば良いかと思っていたのですが、実はFaviconのサイズは３種類あります。 16px×16px 32px×32px 48px×48px ブックマークには小さいサイズで表示されますが、URLをWindowsのデスクトップに置いた時は32px×32px、エクスプローラーでショートカット（ファイルの種類：インターネットショートカット）を表示したときは48px×48pxとなります。 画像を作成・変換する Faviconは上記３つのサイズを含んだ.ico形式の画像を用意すればいいのですが、グラフィックソフトでこの形式に対応しているものが少ないため、私は他のフォーマットで作った画像をオンラインで変換する方法を使いました。 x-icon

本日からMacHeistの新しいプロモーション、”MacHeist nanoBundle”がスタートしています。 今回も49ドルぐらいでまとめて来るのかな～と思っていたら、なんと6つのソフトの組合せで無料でした！ 今日から6日間限定です。 気になるバンドル内容は、 ShoveBox ($25.00) スクラップブックのようなアプリケーション。フォルダ・ラベルを使った情報管理も可能です。Evernoteみたいな感じでしょうか？　iPhone用アプリもあるので、同期して情報の持ち出しも可能なんでしょうね。 参考：ShoveBox がことの他いい – 感じ通信 [iPhone版あり　] WriteRoom ($25.00) テキストエディタ。シンプルなインターフェースで、フルスクリーンでの文章作成が可能。テキストを日常的に大量に書く人に良さそう。 [iPhone版あり　] 参考：【コラム】クリエ

Tunblrには、ネットで見つけたきれいな画像や、2chの面白かった書き込みをスクラップして、あとからまとめて眺めたりしているのですが、標準で用意されているテーマの他に、いろいろなユーザーが作成したテーマが配布されているので、探してみました。 Tumblrのテーマを探せるサイト・記事 Tumblr Themes[http://tumblrthemes.com/] ヘッダーで困った様子のおにいさんが気になるサイト。 ブログ記事と同じ形式で、大きめのサムネイルと一緒にいろいろなテーマが紹介されています。最終更新日が去年で終わっているので、最近はあまり更新されていないのでしょうか。 Tumblr Themes[http://customthemes.tumblr.com/] 上のサイトと同じタイトルなのですが、こちらはサイトそのものもTumblr.を使っていますね。 サムネイルつきで、カラム、色

Webデザイナーの中でも、コーディング作業の多いひとは、デフォルトブラウザをFireFoxにしている人が多いのではないかと思います。 でも、できれば、仕事の時はFireFox、そうじゃない時はIEなど（Yahoo!動画はIEじゃないと見れないし‥‥）、手軽に切り替えたいです。 テスト用にあれこれブラウザを入れても、デフォルトに指定できるのは1つだけです。 状況に応じて、利用ブラウザを切り替える 私は通常、仕事を終えてからSNSにアクセスしたり、英語の勉強のためにSmar.fmやlang-8を使う時は、ブラウザを切り替えて、Google Chromeを使っています。 と言っても、単にFireFoxを終了して、新しくChromeを立ち上げるだけなので、メールの中に書かれたURLをクリックしたときなどは、デフォルトブラウザに設定してあるFireFoxが起動してしまいます。 かといって、夜になるた

iPhoneやiPod touch（私はiPod touchユーザーです）向けのWebサイトを作る仕事はまだやったことがないのですが、急にやることになっても大変な思いをしないように、どうやったら作れるのか、調べてみました。 iPhone向けホームページのHTML仕様 HTML4.01、XHTML1.0のに対応、CSSは2と3の一部に対応しているそうです。 また、画像フォーマットは、GIF、JPEG、PNGとTIFFにも対応していますが、一部サイズに制限がフォーマットもあるので、制作時には注意が必要です。 その他、UAなどの仕様を記載しておきます。

以前、メインのブログに”Fireworksでよく使う小技 | 19740308(TM)”という記事を書いたのですが、イラレ・フォトショに比べてFWはチュートリアルや小技があまり見つからないなぁと思ったので、よく質問されることを書いておこうと思います。 私はWebのカンプはFWで作るのですが、「写真の切り抜き（マスク）もFWの中でやるよ～」というと、FW使わない人からは結構驚かれます。いや、ちゃんと出来ますよ！ 基本的なマスク方法 これは、うちの猫の写真ですね。ひどい格好ですが気にしない！ これを、ちょっと違う形に切り抜いてみます。 写真の上に載せた、白い楕円の形に切り抜いてみますね。 レイヤーではこういう状態です。 「マスクとしてグループ化」を使う 切り抜きたい形のオブジェクトを作成して、ビットマップの上に配置します。 次に、両方を選択した状態のまま、メニューの「修正」→「マスク」→「マス

今やっている仕事で、Illustratorで作成したカンプを私がコーディングすることになったのですが、いただいたデータがもの凄くきちんと作ってあって、大変参考になったので、設定項目だけメモしておきます。 Illustratorはもともと、印刷用データの作成が目的だったソフトなので、Web用の画像も、ちゃんと作れるのですが、設定を気をつけておかないと、いざ書き出してみると、線がにじんだり、大きさが意図したものにならなかったりします。 Photoshopだと、もともとベクターグラフィック用のソフトなので、そういうことは無いのですけどね。 気をつけている項目は以下の通り。 単位をpx（ピクセルに揃える） とにかくWebの世界の単位はピクセルです！ センチメートルとかは使えないです！ 印刷用データの仕事が同時にあったりすると、設定をその都度変えなくちゃいけないので、ちょっと面倒ですね。 1pxのガ