タグ

2014年9月23日のブックマーク (2件)

  • なぜ、あの会社のモバイルサイトは、すばらしいと言われるのか?〜表示スピードという性能 - WirelessWire News(ワイヤレスワイヤーニュース)

    なぜ、あの会社のモバイルサイトは、すばらしいと言われるのか?〜表示スピードという性能 2014.09.16 モバイルサイトで重要なのは、ブランディング? ようやくスマホ用に最適なサイトが必要だということが認知されるようになってきました。なにしろBtoCでは、モバイルアクセスのほうがPCアクセスを上回ってしまったのですから、なおさらです。 ところで、モバイルサイトを構築する場合に、求められるべき性能とはいったいなんでしょうか? ほとんどのWeb担当者がまず考えてしまうのが「スマホ用のデザイン」です。とにかく見た目をスマホに最適化させたいというゴールです。PCサイトでも腐心したように、モバイルサイトでもブランディングは重要です。デザインにはこだわりたいところです。 デザインが重要だという落とし穴 ところが、こうして作られてしまうのが、画像をふんだんにつかった重量級のデザインです。画像だけではあ

    なぜ、あの会社のモバイルサイトは、すばらしいと言われるのか?〜表示スピードという性能 - WirelessWire News(ワイヤレスワイヤーニュース)
  • SassとGulpを使った便利なメディアクエリの記述方法とアウトプットの最適化

    先日このブログのデザインをリニューアルしたときに、メディアクエリの記述が結構手間だったので、記述のしやすさ、メンテナンス性の良さ、また、最終的なCSSファイルの最適化の3つの観点から、便利な書き方と最適化の方法をまとめてみました。 目次 モバイル・ファーストCSSで書く 要素ごとに、Sassを使って記述する Gulpを使ってメディアクエリの整理する まとめ モバイル・ファーストCSSで書く メンテナンス性の良さや重複の少ないよりシンプルなCSSの記述を目指すと、モバイル・ファーストCSSで書くのが良いです。デスクトップ・ファーストCSSで書く場合、小さい画面向けにはスタイルを追加するというより、消していく(または、上書きして帳消しにする)作業が多くなってしまいます。 このブログはモバイルからのアクセスが1割程度なので、今回のデザインのリニューアルでは、

    SassとGulpを使った便利なメディアクエリの記述方法とアウトプットの最適化