[B! webデザイン] chappuのブックマーク

chappu id:chappu

webデザインに関するchappuのブックマーク (6)

CSSの初期化ファイル | d-spica
CSSの初期化ファイル 2008-05-31 0 0 XHTML/CSS CSS 以前， CSSの初期化というエントリを書きました。あれからいろいろと試行錯誤し，初期化ファイルがずいぶん変わってきましたので，改めて今ぼくが使っている最新のファイルを紹介したいと思います。 default.css 以下からご覧いただけます。 default.css このファイルは次のような目的で作っています。各ブラウザが持つデフォルトのCSSをリセットして，レンダリングの違いを解消する。サイトやページによって書き換えることがほとんどない，基本的な設定を行う。コーディングが分かりやすくなる初期値を指定しておく。このファイルをあらゆるサイトで使い回せるようにしておくわけです。リセット /* Reset */ body, div, h1, h2, h3, h4, h5, h6, p, dl, dt, d
chappu 2010/01/19
web_design

css

webデザイン
リンク
[使える CSS テクニック]CSSを使った見栄えの良い表組み（table） | バシャログ。
第 6 回目は「CSSを使った見栄えの良い表組み（table）」です。 Web サイトのレイアウトがすべて table でコントロールされていた時代がありましたが、今そんなことをしたら嘲笑を買う時代です。本来の「複数のデータを表示･比較の際にわかりやすいよう見せる表組み」のためのテーブルを、CSSを使って見栄えよくしてみましょう。 1. CSS のみで見栄えよくしてみる線と塗りだけで表現する、一番シンプルなテーブルを作ってみます。 [HTML] <table id="table-01"> <tr> <th>本体名称</th> <th>スタンド名</th> <th>スピード</th> <th>持続力</th> <th>精密動作性</th> <th>成長性</th> </tr> <tr> <td>空条承太郎</td> <td>スター・プラチナ</td> <td>A</td> <td>A<
chappu 2008/11/12
css

webデザイン

web制作
リンク
スタイルシートの技
スタイルシートの技このページでは実用的なスタイルシートによるデザイン・レイアウトなどをメインに扱っております。スタイルシートをサブで使うかメインとするかは賛否両論あります。また、世の中にスタイルシート解説サイトは多数あると思いますが、スタイルシートの持つ意味を誤解しているサイトが少なからずあるのと、リファレンスのような書き方ではデザインへの応用が効かないのでは？という事を考えて、すぐに利用できる実用的な形式で参考になればと思って作成しました。スタイルシートを勉強すると、当サイトの一番下にある「design」のように、 Javascriptと併用したデザイン切り替えページなどを製作する事ができるようになり、表現の幅が広がります！自分のスタイルシートの知識を簡単にテストできる問題を作ってみましたので、どうぞ。 Introduction - 基礎・導入編
chappu 2008/10/30
css

webデザイン

webdesign
リンク
汚れたスプレーのようなphotoshopのブラシ14個*ホームページを作る人のネタ帳
訳すと『汚いスプレー』って書いてあったのでなにかなぁと見てみるとなかなか素敵なPhotoshopブラシがいっぱいだったのでご紹介。カタログは以下で。
chappu 2008/09/30
photoshop

webdesign

ブラシ

webデザイン

便利サイト
リンク
使っていないCSSをWEBから簡単チェック「CSS Redundancy Checker」:phpspot開発日誌
CSS Redundancy Checker 使っていないCSSをWEBから簡単チェック「CSS Redundancy Checker」。使っていないCSSのセレクタをあぶりだして、CSSのダイエットをすることが可能なツールです。まず、(Step1)スタイルシートのURL を入力し、その後、(Step2)にスタイルシートを用いたページすべてを入力します。そして、(Step3)「Check」ボタンを押せば、チェックを行ってくれます。すると次のように、使用していないセレクタが一括して表示されます。 CSSのサイズが肥大化して困っているという方に便利なツールですね。関連エントリ JavaScriptとCSSの両方を圧縮できる「YUI Compressor 2.0」リリース CSSデバッギングツール１０選
chappu 2008/05/26
CSSチェックに便利

webデザイン

web制作

css
リンク
WEB制作者のための32個のブックマークまとめ（part2）*ホームページを作る人のネタ帳
chappu 2007/11/20
webデザイン

お役立ち

web制作

まとめサイト
リンク
1