タグ

semanticに関するakira_maruのブックマーク (2)

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

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

    メンテナンス性に優れ、拡張性を備えたCSSを書くために -メンテナブルCSS
  • Microdata を使ってみよう。サンプルソースで学ぶ Microdata

    HTML5 Advent Calendar 2012、7日目の記事として、Microdata (マイクロデータ) に触れてみます。サンプルソースを中心に、実際のページでどのように使えるのかを示しました。これから Microdata を使ってみたいという人に少しでも参考になればと思います。 HTML5 Advent Calendar 2012、7日目の記事です。なんか軽い気持ちで書いてみますとか言ってしまったんですが、緊張しますね… さて、タイトルの通りなのですが、HTML Microdata (マイクロデータ) について簡単に触れてみようかなと思います。この辺の話題に関して、Microdata とは何かとか、詳しい解説はすでに色々な方が書かれていますのでそちらを見ていただく (文末にまとめてあります) として、この記事では、そういう解説は置いといて、Blog や、企業の Web サイトなど

    Microdata を使ってみよう。サンプルソースで学ぶ Microdata
  • 1