タグ

2013年1月30日のブックマーク (4件)

  • Prefix free: Break free from CSS vendor prefix hell!

    -prefix-free Break free from CSS prefix hell! Only 2KB gzipped -prefix-free lets you use only unprefixed CSS properties everywhere. It works behind the scenes, adding the current browser’s prefix to any CSS code, only when it’s needed. “[-prefix-free is] fantastic, top-notch work! Thank you for creating and sharing it.” — Eric Meyer Features Processes every stylesheet in <link> or <style> elements

  • 5分で分かるレスポンシブWebデザイン

    レスポンシブWebデザインとは単一のHTMLでスマートフォン、タブレットといった画面サイズが異なるデバイスへ対応できるWebサイト制作手法をいう。2010年に誕生し、今も進化をしている。言葉だけを引用するとレスポンシブとは“反応/変化”なので、それに環境に応じて変化するWebと広く理解する方もいるかもしれないが、基的にはグリッドシステム、フルードイメージ、メディアクエリを利用してマルチデバイスに対応させる手法がレスポンシブWebデザインだ。 欧米でも2012年にはリニューアルとともにレスポンシブWebデザインをする大企業のサイトも続々とローンチされている。世界的に有名なオンライン・メディア「Mashable」でも、ポストデスクトップ時代の終わりとモバイル時代の幕開けを理由の1つとしてレスポンシブWebデザインが2013年のメガトレンドと予想している。

    5分で分かるレスポンシブWebデザイン
    webmugi
    webmugi 2013/01/30
    「デバイスごとの振り分けに限界が来てる」というところがミソかな。
  • 5分でわかる Livefyre コメントの導入方法と使い方

    Livefyre コメントシステムの導入方法から実際のコメント方法、さらに管理画面からのコメント管理方法まで 5分でわかるように解説します。 1つ前のエントリーで TechCrunch がコメントシステムを Facebook コメントから、Livefyre に変更した件について書いたんですが、その最後に、当 Blog もちょっと前から Livefyre に切り替えてるんで、その導入方法とか書きます予告をしました。 Facebook コメントにしたら荒らしと同時に有益なコメントまで減ったらしい なので、予告通り、Livefyre の導入から設定、実際にコメントを投稿するまでの流れについて解説してみます。久しぶりの 5分でわかるシリーズ。 Livefyre とは? まずは Livefyre についてですが、日語での紹介記事としては TechCrunch Japan の下記の記事が特徴的な部分

    5分でわかる Livefyre コメントの導入方法と使い方
  • パフォーマンスは技術課題ではなくデザインの課題

    人気デザインギャラリーサイトから幾つかモバイル向け Web サイトのパフォーマンスを検証してみました。以下が各サイトのリクエスト数とファイルサイズになります。 FELISSIMO 500色の色えんぴつ: 81リクエスト / 1.94MB 旅館 大村屋 55リクエスト / 1.52MB UR オンラインストア 90リクエスト / 705kb JiNS PC 78リクエスト / 1.39MB らでぃっしゅレシピ 69リクエスト / 987kb 明治北海道十勝カマンベールチーズ 54リクエスト / 1.12MB いずれもスクリーンショットでは素晴らしい見た目で使いやすそうに見えますが、中身はかなり重いことが分かります。1MB 以下に抑えているサイトもありますが、それでもかなりリクエスト数が多いのが分かります。リクエスト数が多いということは、回線が安定しない場合、すべての要素が読み込まれない可能性

    パフォーマンスは技術課題ではなくデザインの課題