タグ

web制作とレスポンシブデザインに関するTomosugiのブックマーク (1)

  • レスポンシブデザインに便利なcss3の疑似クラスと疑似要素|webproduct-lab

    2015年4月21日からのモバイルフレンドリーに対応するために、多くの方がレスポンシブデザインを取り入れたかと思いますが、今回はその過程の中で特に便利な疑似クラス(要素全体を対象)と疑似要素(要素の一部を対象)をいくつかご紹介したいと思います。 今まで無理矢理クラス名を付けてcssで調整していた箇所もキレイに収まってタグもすっきりしますよ! それと、Bingもモバイルフレンドリーを導入するみたいですね! 個人的にですが最近、Bingが何か気になります。。 jp.techcrunch.com 疑似クラスとは? まず、疑似クラスですが… 下記のような、タグは昔からあり馴染み深いかと思います。 a:link a:visited a:hover a:active この:linkの部分が疑似クラスで、aタグがlinkの場合の装飾を記述します。 例えば、下記のようなボックスを組んだ場合、一番右の余計な

    レスポンシブデザインに便利なcss3の疑似クラスと疑似要素|webproduct-lab
  • 1