2010年3月2日のブックマーク (7件)

  • ウィンドウサイズによってスタイルシートを変える - builder by ZDNet Japan

    ウェブページを表示するブラウザのウィンドウサイズは、閲覧環境によってさまざまだ。特定のウィンドウサイズを想定してウェブページを作成すると、それ以外の大きさのウィンドウではコンテンツが読みづらくなるなどの問題が発生する。最近ではiPhoneのような携帯端末からのアクセスも考慮する必要性が出てきているが、サイズ別にページを用意するのは制作にも管理にも手間がかかってしまう。 こんなとき、CSS3の「Media Query(メディアクエリ)」の機能を利用すれば、ウィンドウサイズに応じて適用するスタイルシートを切り替えて、ユーザーの環境ごとに最適なデザインでページを表示することができる。 現在、Media Queryの規格はW3Cの勧告候補(Candidate Recommendation)となっており、Firefox 3.5以上、Safari、Google Chrome、Operaが対応している。

    ウィンドウサイズによってスタイルシートを変える - builder by ZDNet Japan
    eichan7
    eichan7 2010/03/02
  • 秀逸なテーブルデザインのパターン集:phpspot開発日誌

    Ultimate guide to table UI patterns 秀逸なテーブルデザインのパターン集をまとめたエントリのご紹介です。 デザインだけでなく、見やすさや分かりやすさという点にも気を配りたいテーブルデザインは比較的難しいものになりますね。 テーブルデザインの例を知っておくことで、難しいテーブルのデザインをする際にも参考に出来そうです。 Apple のデザインっぽいテーブル 複雑なデータをわかりやすくスタイリッシュにまとめたテーブル 画像なども盛り込みつつ見やすいテーブル シンプルに見やすいテーブル JavaScript の入ったものも入ってきますが色々なテーブルを見てストックしておくと後に役立ちそうです。 関連エントリ CSSでデザインしたクールなテーブルのサンプル集 CSSでデザインされたテーブルレスでクールなフォームサンプル

    eichan7
    eichan7 2010/03/02
  • テーブルを見やすく、使いやすくするためのアルティメットガイド

    ウェブページでデータをみせるテーブルを見やすく、使いやすくするためのスタイルや機能性などUIパターンを紹介したアルティメットガイドをJanko At Warp Speedから紹介します。 Ultimate guide to table UI patterns 下記は各ポイントを意訳したものです。 テーブルの「(エクセルでいうところの)行と列」の表記は、「横列と縦列」に統一しています。 はじめに 1. 列を交互にスタイリング 2. 列をフルに 3. テーブルのセクション 4. ソート 5. フィルタリング 6. ページネーション 7. スクロール 8. 固定されたヘッダ 9. ヘッダのないテーブル 10. 拡張可能な列 11. 列のアクション 12. マルチプルな列のアクション はじめに テーブルは構造化されたデータをみせるものです。そして、その目的はデータを読みやすくし、走査しやすく、簡単

    eichan7
    eichan7 2010/03/02
  • C-teamで作るバナー広告の効果がスゴすぎてひいた話 : けんすう日記

    今、C-teamというサイトの開発に関わっているのですが、あまりに効果が高くてスゴイので、結構ショックだったので紹介します。 C-team 今までWebディレクターとして、バナー制作をしたり、自分のサイトのバナーを制作会社に頼んでいたりしたんですが、これがいかに非効率だったかということを思い知って反省したので、紹介してみます。 自分の関わっているサービスをスゴイスゴイ言うと宣伝くさくなるので避けてたんですが、これは当にびっくりしたのです。通常のバナーの作り方 通常のバナー広告って以下みたいな手順をふむことが多いですね。 1. 宣伝したいサイトの運営者(ディレクター)が欲しいイメージを制作会社に伝える 2. 制作会社のデザイナーさんがいくつか作る 3. そのバナーでよさそうなものを運営者が選んでそのバナーを出す ここでの問題は、1も2も3も「こういうのがいいんじゃないか」って勝手に想像して

    C-teamで作るバナー広告の効果がスゴすぎてひいた話 : けんすう日記
    eichan7
    eichan7 2010/03/02
  • 「この本、丸ごと無料です」:日経ビジネスオンライン

    3月1日、文芸春秋が1冊の新書を全文無料で公開する。無料公開では売れなくなるのか、それともさらに売れるのか。電子書籍の登場で揺れる出版業界の注目を集めそうだ。 大手出版社の文芸春秋が3月1日から1つの実験を始める。昨年10月に出版した新書『生命保険のカラクリ』をインターネット上で全文無料で読めるようにするというもの。大手出版社が丸ごと1冊を無料で公開するのは極めて異例のことだ。 著者の強い希望で実現 今回の「実験」を言い出したのはこの新書の著者である、岩瀬大輔氏だ。ネット経由で死亡保険や医療保険を販売するライフネット生命保険の副社長である彼はこのの中で、従来の生命保険のコスト構造を明らかにするなど、生保業界のタブーに切り込んで話題を集めた。 彼の周囲の著名人のブログなどで取り上げられ、アマゾン・ドット・コムなどネット書店を中心に売れ行きは好調。出版から3カ月で6刷が決まり、発行部数は2

    「この本、丸ごと無料です」:日経ビジネスオンライン
    eichan7
    eichan7 2010/03/02
  • 水がカラダにいい9つの理由と、がぶがぶ水を飲めるようになる7つの方法

    水は体にいい、というイメージはあっても、その理由を明確に知っている人は少ないのではないでしょうか。これから挙げていく水が体にもたらす効果は、どんなサプリメントや健康品でもカバーしきれないほど多岐にわたっています。 毎日水を飲む習慣を持つのは簡単なことではありませんが、おそらくジュースやコーヒー、紅茶など、何らかの手段で水分は取っているはずなので、代わりに水を飲むようにすれば不可能ではないはず。また、普通に暮らしている人の多くは一日に必要な量の水を飲んでおらず、知らず知らず脱水状態に陥っているため、意識して水を飲むようにすることはとても大切です。 詳細は以下から。 9 Great Reasons to Drink Water, and How to Form the Water Habit - by Dumb Little Man ◆水が体にいい理由 1:体重が減る 日常的に飲んでいるジュ

    水がカラダにいい9つの理由と、がぶがぶ水を飲めるようになる7つの方法
    eichan7
    eichan7 2010/03/02
  • 無料で使えるSEOやホームページ制作に役立つツールまとめ | パシのSEOブログ

    SEO対策に無駄なコストをかけないためにも、無料で使えるツールたちは欠かせない存在です。その中でも使えるヤツに限定してまとめておきます。 サイト分析ツール SEOチェキ! URLからサイトの総合的な分析を行う。SEOチェック、Whois情報、順位チェック、HTTPヘッダ情報、ページランク偽装チェックなど。とても軽いのでかなりオススメ。 Website Explorer インストール型のサイト分析ツール。ウェブサイトの構造を探査・解析し、情報を階層表示。リダイレクト、リンク切れ、404エラーなどの調査が可能。Web型リンク切れチェックツールとしては、リンクチェッカーが便利です。 SEO-Browser サイト内のイメージやFlash、CSSJavaScriptなどの視覚効果を排除し、検索エンジンの目線でサイト構造を分析。文字化けする場合はエンコードを指定(IEであれば、表示→エンコード→日

    eichan7
    eichan7 2010/03/02
    hope