cssに関するkatsuimamiのブックマーク (2)

  • CSSで実装するタグクラウドのサンプル - NxWorld

    画像は一切使用せず、CSSのみで実装・デザインしたタグクラウドのサンプルです。 CSSのみで実装しているのでサイズやカラー変更も容易にできます。 ここでは見栄えをイメージで紹介しており、実際の見栄えは下記で確認できます。 タイプ #1 基的にはli要素が並ぶだけなんですが、文字数が長いものは「…」と省略表示するように指定しているので、省略されるポイント(長さ)を調整したい時はCSSのul li aの箇所に記述しているmax-widthの値を任意で変更してください。 省略自体が必要ない場合はmax-width, text-overflow, overflowの3つを削除してください。 また、文字省略についてはこれ以降紹介するサンプルにも適用しているので、不要な場合は同じように調整・削除を行ってください。 <ul> <li><a href="#">tag</a></li> <li><a hr

    CSSで実装するタグクラウドのサンプル - NxWorld
    katsuimami
    katsuimami 2015/03/18
    ええやん、
  • Web制作者はおさえておきたい!CSSの基本テクニックから実務に役立つ便利ツールまでのまとめ

    さまざまなUIを実装するCSSの各プロパティの基礎知識や使い方をはじめ、実装時のスタイルシートの問題点をチェックしたり、重複している箇所を見つけたり、見やすいように整形したり、コードを圧縮・展開したりなど便利なオンラインツール・リソースを紹介します。 CSSのリファレンス・基礎知識系 CSSの調査・分析系 CSSの整形・圧縮・展開系 CSSのリファレンス・基礎知識系

    Web制作者はおさえておきたい!CSSの基本テクニックから実務に役立つ便利ツールまでのまとめ
    katsuimami
    katsuimami 2015/03/18
    メモ
  • 1