[CSS]実はかなり便利！意外と見落とされがちなスタイルシートのテクニックのまとめ

Webはその進化が早いと言われ、中でもCSSは日々、新しいテクニックや驚くべき実装方法が発表されています。新しいものに目を向けることはもちろん大切です。しかし、すでに利用可能なもので見落としている有用なテクニックがあるかもしれません。 有用なのに、意外と見落とされがちなCSSのテクニックを紹介します。 9 Underutilized Features in CSS 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 1. レスポンシブ対応に便利な「calc()」 2. 目からウロコの「@media」の使い方 3. カラー指定を変数でおこなえる「currentColor」 4. フォームにかなり便利「:valid, :invalid, :empty」 5. ナンバリングするためにol要素は必要ない「counter」 6. 中身が不明な

[Rishatang]

calcはAndroidサポートがなぁ…

[syake07]

2016年10月26日の記事

[sutanto1983]

テクニック　css

[torinky]

[CSS]実はかなり便利！意外と見落とされがちなスタイルシートのテクニックのまとめ

[htn_50koma]

[CSS]実はかなり便利！意外と見落とされがちなスタイルシートのテクニックのまとめ

[otchy210]

calc はサポート状況が実用段階に入っているので最近よく使う。:empty 知らなかった、便利そう。

[tsuki-rs]

やーーん！すごーーーい！！！

[terapuri]

CSS本当につらい、最初の文字コードの宣言をググった瞬間にもうつらい

[tohokuaiki]

ほほう、、、って、このサイトまだレスポンシブじゃないのか！？

[nice_and_easy]

calc便利！

[ginzi009]

[CSS]実はかなり便利！意外と見落とされがちなスタイルシートのテクニックのまとめ

[itouhiro]

「calc()、currentColor、:valid, :invalid, :empty、table-layout:fixed;、隣接兄弟セレクター、nth-child()」

[daizo1117]

“の状態に戻したい時があります。 「animation-fill-mode」を使用することで、アニメーションの実行前や実行後にどのようなスタイルを適用するかを設定できます。”

[Kmusiclife]

【仕事話】currentColor知らなかった。sass で変数化しとるしあまり用途が思いつかないなぁ。sassではrgba($color, 0.4)とか書けます。

[urarai]

calc()で今めからうろこがぼとぼとおちてる