どんどん進化しているCSS。コーディングが捗る新しいプロパティや値を使いたいけど、ブラウザー対応が…。でも、CSS変換ツール「PostCSS」の便利なプラグインを利用したら、CSSの最新仕様を心置きなく使えちゃうそうですよ。 前にSitePointで書いた記事『The PostCSS Guide to Improving Selectors and Media Queries』の説明から引き続き、CSSの利用範囲を広げるPostCSSプラグインを紹介します。以前の記事ではセレクターとメディアクエリを拡張することでスタイルシートの構造改善に主眼を置きました。今回は、最新仕様のプロパティや値の実装を中心に紹介します。記事で紹介するプラグインにはそれぞれ異なった機能が備わっており、ニーズに応じて単体でも、組み合わせても効果的に利用できます。 私が個人的に気に入っているものから紹介します。 リセッ
<script src="//typekit.com/fj3j1j2.js"></script> <!-- This second script won’t execute until typekit has executed, or timed out --> <script src="//my.site/script.js"></script> ローカルスクリプトとリモートスクリプトを組み合わせても同様に操作することができます。 機能的には、Webページの前の部分で重いスクリプトのロードがあると、サイトの表示が明らかに遅くなることを意味します。さらに、ページの最後の方で表示されるスクリプトは、それまでに存在するされたスクリプトの動作に依存することを意味します。 先行する全てのscriptタグがロードされ実行されるまで、ページ上の要素は表示されません。つまり、パフォーマンスへの悪影響を覚
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
