タグ

2019年11月7日のブックマーク (2件)

  • CSSは奥が深い!セレクタの書き方・命名や管理を改善する5つの原則

    CSSは簡単なコードで書けます。しかし、プロジェクトの規模が大きくなるにつれ、コードが重複したり、未使用のコードが増えたり、!importantでの上書きが増えたり、読みにくいコードになります。 CSSのセレクタの書き方・命名や管理を改善する、シンプルで非常に効果的な5つの原則を紹介します。 Improve your CSS with these 5 principles by Adrian Bece (@AdrianBDesigns) 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに CSSを改善する命名の原則 CSSを改善する詳細度の原則 CSSを改善するDRY原則 CSSを改善する単一責任の原則 CSSを改善する開放/閉鎖原則 CSSを改善する方法のまとめ はじめに CSSは簡単で分かりやすいのに、CSSを書く時に

    CSSは奥が深い!セレクタの書き方・命名や管理を改善する5つの原則
    obaratch
    obaratch 2019/11/07
    Phil Karlton からの引用部分は "There are only two hard things in Computer Science: cache invalidation and naming things." なので、「CSの中で(本当に)難しいことは2つしかない、キャッシュ無効化と命名だ」と訳したほうが妥当かと。
  • 🎊Reactの2種類の新フック「useTransition」と「useDeferredValue」を最速で理解する(プレビュー版) - Qiita

    🎊Reactの2種類の新フック「useTransition」と「useDeferredValue」を最速で理解する(プレビュー版)JavaScriptReact 10月25日、Reactの新機能であるConcurrent Modeのプレビュー版が発表されました。この中には、Concurrent Modeの恩恵を得るために必要となる新しいAPIが含まれています。 これらのAPIの中心となるのが、Suspenseと2種類の新しいフックuseTransitionとuseDeferredValueです。この記事ではこの2種類のフックに焦点を当てて、これらが何をしてくれるのか、どのようにこれらが新しいのかを解説します。 要するに、Reactの公式ドキュメントを読んでまとめましたということです。特に、ガイドを一通り読んで理解しないとこれらのフックが何をしているのか理解しにくいため、最速で理解できるよ

    🎊Reactの2種類の新フック「useTransition」と「useDeferredValue」を最速で理解する(プレビュー版) - Qiita