search :

archive :



« 見やすいチャートを作成するコード22選『22 Code Snippets for Creating Decent Charts』 | トップ | Webデザイナーのためのコードスニペット125選『125 Code Snippets for web designers』 »

CSS テーブル デザイナー

_CSS | August 21, 2007, 7:38
はてなブックマーク

A CSS styled table version 2

かっこいいテーブルをデザインしたい。

そんなあなたにおすすめなのが、『A CSS styled table version 2』。デザイナーならこう作るCSSスタイルテーブルだ。

このエントリーでは、クリーンなソースでコーディングされたテーブルが2つ紹介されている。

» Example 1
 背景画像は使わず、セルに背景色を使った例
» Example 2
 背景画像を使った例

どちらもページのソースを見るのが早いだろう。

シンプルでとても綺麗なテーブルに仕上がっていると思う。

デザイナーならこう作るCSSスタイルテーブル、チェックして作っていきたいですね。

Editor's Note

プランナー、アートディレクターにたくさんのことを教わりました。「とりあえず手を動かすのがレイアウトの基本」だと。あとデザインはピクセルよりも見た目。人間の目にはくるいがあるから見た目で綺麗にそろっていればいい。とにかく手を動かしていこうっと。

Trackback URL :

プロフィール

プロフィール

WEB制作・ブランディングを主軸とした、株式会社クリーム代表取締役。

案件につきましては、「お問い合わせページ」からお気軽にご相談ください。

Recommend

  • Josef Muller-Brockmann: Pioneer of Swiss Graphic Design
  • Who Owns The Water?
  • Helvetica: Homage to a Typeface
  • Corporate Diversity: Swiss Graphic Design and Advertising by Geigy, 1940-1970
  • Typography (Graphic Design in Context)
  • +81 voyage or Tokyo Graphic passport World Tour---At Center Pompidou in Paris and 3331 Tokyo
  • WONDERWALL ARCHIVES 01

archive :