タグ

2016年4月21日のブックマーク (2件)

  • メンテナンス性に優れ、拡張性を備えたCSSを書くために -メンテナブルCSS

    メンテナンス性に優れ、拡張性を備えたCSSを書くための「MaintainableCSS」を紹介します。 あるスタイルを修正する際に他に影響を与えてしまわないか、せっかく書いたコードが先祖帰りしないか、似たページをつくる時にコードを再利用するのに問題はないかなど、全部はもちろん個々でも非常に参考になると思います。 MaintainableCSS 以下、各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。 メンテナブルCSSにすることのメリット 1. はじめに 2. セマンティック 3. 再利用 4. ID 5. コンベンション 6. モジュール 7. ステイト 8. バージョニング メンテナブルCSSにすることのメリット モジュール化、カプセル化 スタイルはあなたの許可なしで、他のスタイルの影響を受けません。 どんなデザインの要件でも あなたの必要

    メンテナンス性に優れ、拡張性を備えたCSSを書くために -メンテナブルCSS
    kyaido
    kyaido 2016/04/21
  • Creating Wavescroll | CSS-Tricks

    DigitalOcean provides cloud products for every stage of your journey. Get started with $200 in free credit! This article is a walkthough of how I made this demo of a unique way scroll through panels: The code in this demo is (hopefully) pretty straightforward and easy-to-understand. No npm modules or ES2015 stuff here, I went with classic jQuery, SCSS, and HTML (plus a little Greensock). I got the

    Creating Wavescroll | CSS-Tricks
    kyaido
    kyaido 2016/04/21