タグ

webdesignとcssに関するsweetloveのブックマーク (23)

  • 第1回 定義リストへのスタイルの付けかた - MdN Design Interactive

    一般的にリンク先の内容を説明するような場合、文章で説明するより視覚情報を利用するのが機能的かつコンテンツの魅力にもつながる。写真入りのボックスを濃いグレーや黒の線で区切ってしまうと画面がうるさくなりやすいので、作例のようにライトグレーの地色に余白を加えたスタイルを使うとうまくまとめることができるだろう。囲みの背景に淡いグラデーションを使ってみるのもよい方法だ。また、写真の周囲に白い枠を設けているのは、矩形の連続が強調されすぎないように、写真の印象自体をほんの少し弱めるため。サムネイルの羅列などに使える技だ。

    第1回 定義リストへのスタイルの付けかた - MdN Design Interactive
    sweetlove
    sweetlove 2007/03/30
    解説:矢野りん
  • pruto.jp - よく使うCSSの話|基本編

    2008.06.24 1年半ほど前の記事なので、現在は通用しない部分もあるかと思いますので最新の技術・流行り等を求めている方はご注意ください。 仕事を始めて数ヶ月が過ぎ、案件もいくつかこなしてきたりしてきた。 自分の仕事の進め方の中で毎度一瞬迷う部分がある。それはCSSを書き始めるときである。 どうしようかなーなんて迷いながらもなんだかんだで結局はいつも同じ形で出来上がるから今後どうしようかなーなんて迷わずにスパっと仕事に入れるようにするためのまとめてみよう。 はてなブックマークなんかでもよくCSS関連の記事が人気エントリーにあがってきたりして、それらを踏まえつついつか自分なりにまとめて書きたいとおもっていたから丁度良い。 色々あるからまずは基となるところから。 仕事を始めて数ヶ月が過ぎ、案件もいくつかこなしてきたりしてきた。 自分の仕事の進め方の中で毎度一瞬迷う部分がある。それはCS

    sweetlove
    sweetlove 2007/03/18
    CSSファイルの管理方法
  • CSS Remix

    Cascading Style Sheets Explained If you’re new to Cascading Style Sheets, or CSS, then this short guide is for you. After a brief introduction to CSS and some of its benefits, we’ll move on to CSS frameworks to help you decide if you should use one and if so, which one would be best for your needs. What is CSS? CSS is a computer programming language used for describing the visual presentation of a