タグ

2008年9月30日のブックマーク (4件)

  • [CSS]大胆なドロップダウン型のナビゲーションを実装するスタイルシート

    CSSplayのエントリーから、透過PNG画像を使用した大胆なドロップダウン型のナビゲーションを実装するスタイルシートの紹介です。 Professional drop-down #13 with png transparency デザイン的に面白いだけでなく、通常のドロップダウンに比べ領域が広いため、マウス操作を誤ってドロップダウンが非表示になってしまうということも少ないと思います。 対応ブラウザは、IE6, IE7, Firefox, Opera, Safari(PC) and Google Chrome Betaとなっています。 IE6対策には、ドロップダウンの箇所にtable、背景画像にfilter(AlphaImageLoader)が使用されています。

  • SEOだけで満足できない人のためのmetaタグ情報まとめ (前編) 「http-equiv編」

    検索エンジン対策、いわゆるSEOが流行した(している)おかげで、headタグ内にmetaタグの「keywords」(キーワード)と「description」(概要)を入れるのは当たり前になった風潮があります。すでにこのタグで検索順位が上がることはまずないでしょうが、適切に入れれば未だに有効であるのは間違いありません。 特にGoogleは検索結果にdescriptionを表示することが多い*1ので、全てのページに同じ概要を入れていると非常に残念な結果になることがあります。ちなみにYahoo!の場合は、カテゴリ登録されているとサイトのトップページ*2は文やdescriptionを無視してその説明文が表示されるようになっています。(例) 1 : descriptionの文章が採用されないこともよくあり、いつも同じ挙動をするわけではない。 2 : 正確には「登録されているページ」はそうなる模様。

    SEOだけで満足できない人のためのmetaタグ情報まとめ (前編) 「http-equiv編」
  • 3G端末(FOMA・WIN・3GC)のモバイルサイトのコーディング&デザイン - livedoor ディレクター Blog(ブログ)

    こんにちは。『Cure』や『livedoor 歌詞』を担当しているモバイルディレクターの吉沢です。 つい最近、PC サイトのディレクターが初めてモバイルサイトの開発を担当するという機会がありました。 どの情報を伝えれば初めてモバイルサイトを担当する人にもスムーズに進められるのか、PC とモバイルで一番特徴のあるコーディングとデザインについて、これだけ覚えておくと簡単な3G(FOMA・WIN・3GC)端末用モバイルサイトが作れてしまうノウハウをご紹介したいと思います。 【01】対応端末について こちらの記事にもあるとおり、3G 端末(FOMA・WIN・3GC)がアクセスの9割を占めているため、これからオープンさせるサイトの対応端末は、3G 端末で十分そうですね。 サイトの内容にもよりますが、下位端末(PDC・P型・C型など)を対応端末として含めてしまうと、機能や容量制限などに悩まされ、逆に運

    3G端末(FOMA・WIN・3GC)のモバイルサイトのコーディング&デザイン - livedoor ディレクター Blog(ブログ)
  • プロカメラマンの無料写真素材・著作権フリー画像素材のリンクスタイル

    プロカメラマン撮影の無料写真素材・フリー画像素材のリンクスタイルでは、雑誌・出版業界や広告業界などで活躍しているプロカメラマンが撮影した高解像度の写真を無料でフリー画像素材として公開しています。 DTP・商業印刷、出版物・冊子のデザイン素材、WebサイトやホームページのWeb素材、TV番組やCMの映像素材、店舗や看板の装飾素材、販促用の広告素材に使える高解像度・高画質のフリー画像素材が今すぐ無料でダウンロードできます。面倒な会員登録は不要。リンクや著作権表記(クレジット表記)も一切不要です。 また、画像のトリミングや合成など、自由に加工してご利用いただけます。 当サイトのフリー画像素材のご利用につきましてはご利用規約をご覧ください。