重要ではない CSS を link タグだけで非同期で読み込む方法 - FirstLayout
何もせずにスタイルシートを <link> で読み込む場合は、レンダリングをブロックしてしまいます。 また、rel="preload" を使えばレンダリングブロックは防げますが、他のリソースの読み込みからブラウザのリソースを奪うという代償が伴います。 そのため、可能な限り CSS のサイズを小さくし、<style> を使いインラインで CSS を読み込むのが一般的です。 ただ、どうしても CSS のサイズが大きくなる場合は、重要ではない CSS を非同期で読み込むといいかもしれません。<link> に 2 つの属性を付けるだけでスタイルシートを非同期で読み込めます。 <link rel="stylesheet" href="スタイルシートのパス" media="print" onload="this.media='all'" /> <link> に media="print" と onloa
CSSのこのアイデアはすごすぎる！Webページのトラッキング・解析ができるスタイルシート -Crooked Style Sheets
結果ページ どのリンクをいつクリックしたのか、いつホバーしたのか、指定エリアでどのくらいマウスを動かしたのか、フォームに特定の文言を入力したのか、チェックボックスをクリックしたのか、ブラウザは何か、解像度はいくつか、ディスプレイの向きはどっちなのか、などの情報が表示されました。 ※出力する際には、PHPが使用されています。 Crooked Style Sheetsの仕組み Crooked Style Sheetsは、外部CSS一つを加えるだけで、Webページのユーザーに関するさまざまな情報を取得できます。 基本的な仕組み CSSではurl()関数を使用して、外部リソースを追加できます。url()関数の値は呼び出された時のみロードされるため、これをリンクがクリックされた時に利用します。 リンクを記述するHTMLは、要素を特定できるようにidを与えます。
3 Tips for Faster Font Loading
Jeremy Wagner (@malchata) is a professional front end developer living in the frozen wastes of Saint Paul, Minnesota. He is the author of Web Performance in Action from Manning Publications. You can see what he's up to on his blog, or on Twitter @malchata. I guess web fonts are a big thing these days. Most of us know how know to write @font-face declarations by now. You know all about WOFF and WOF
Wordpressにおける子テーマの作り方
WordPressはテーマ内のソースコードを読み込むことでWebサイトを生成します。 なのでテーマ内のソースコードを変えることで、Webサイトのレイアウトを変更することができます。ですがそうすると元の内容を確認することができなくなってしまいます。 自分で変更したレイアウトがイマイチで元に戻したいと思っても、元のソースコードがないと元に戻すのは非常に難しいです。 そんなことにならないためにテーマを編集するときは子テーマを作り編集することをおすすめします。 【おすすめのWordPressテーマは下記で紹介しています】 WordPressのおすすめテーマはコレ！SEOもレスポンブも完璧【有料&無料】 子テーマとは wordpressの元のテーマ（以下、親テーマ）を引用しつつ、改変したいものだけを新しく定義することができます。 １つ例を示してみましょう 親テーマのstyle.css [css] p
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Clean CSS With Stylelint - DZone