検証：レスポンシブのCSSはモバイル向けを先に書くと表示が早い？ | 初代編集長ブログ―安田英久
今日は、レスポンシブWebデザインでのスタイルシートを書く順番について。CSSを書く順番が、デバイスごとの表示速度に関係するのかを検証してみた話題です。 レスポンシブWebデザインでは、モバイル向けのCSSを先に書くほうが、モバイル端末で早く表示される 以前に、そんなことを耳にしました。「んー、どうなんだろう」と思ったので、実際に検証してみました。 仮説では、「ブラウザはDOM要素を構築してからレンダリングするだろうから、モバイル向けとPC向けでCSSを別にしてlink要素で読み込めば、たしかにそれも有り得る」でしたが、実際にはどうだったのでしょうか？ テスト用に、専用のスクリプトを用意しました。いろんなパターン（link要素とか、style要素とか、style要素で@importとか）のCSSを、head内・body上部・body下部に出力できるようにして、モバイル向けCSSを出力して数
UX（ユーザー体験）とSEOに関して正すべき5つの都市伝説（前編） | Moz - SEOとインバウンドマーケティングの実践情報
SEOmozファンのみんなこんにちは。今週は、ユーザー体験（UX）と、UXがSEOに与える影響について話そう。 UXとSEOについては、以前から衝突しがちな関係にあり（特に1990年代後半と2000年代前半には）、しかもその状態が（僕から見れば意外なほど）長く続いていた。 しかし今や、両者の結びつきはずっと強くなっていると思う。 にもかかわらず、この2つのトピックに関して、多くの人々が思い込んでいる都市伝説のような勘違いがいくつかある。ウェブの使われ方、特定のユーザー体験、さまざまな機能、ある種のデザインといったものが、SEOにどんな影響を与えるかという問題だ（それもSEOにとって悪い影響のことだ）。ユーザー体験にお金をかけている人たちであっても勘違いしていることがある。 そこで、こうした思い込みを払拭したうえで、サイトのSEOだけでなくUX向上にも役立つように、管理しているWebサイトや
Emmet CSSショートコード
Emmetは、Zen-Codingの次期バージョンの名前です。 Zen-CodingはHTMLの記述方法が取り上げられることが多いですが、個人的には、CSSの入力補助こそ真価が発揮されると思っています。 私は、EmmetまたはZen-Codingがなければ、CSSのプロパティを打つのが苦痛なほどです。 Emmetから、さらに多くのプロパティに対応し、数値も含めて展開できるようになりました。CSSの記述がより使いやすくなったので、紹介します。 Zen-Codingから使える CSSの展開は、ほとんどのZen-Codingから使えます。 Emmetではさらに使いやすくなりましたが、Emmetは現在開発中のため、不安定な部分があります。不安な方は、Zen-Codingをおすすめします。 プロパティに、ショートコードが用意されており、+でつないで展開(Expand Abbreviation)する形
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
