CSS TIPSについて
web標準が騒がれだしてからかなりの時間が流れました。
既にspecer.gifなどを使ったテーブルレイアウトなどのレガシーな手法は過去の遺物となり、(X)HTML+CSSで作成されたサイトが主流となりつつあります。
当サイトは『レイアウトを行う際にどうしてもうまくいかない。』に回答出来る、そんなサイトになりたいと思っています。
mixi内にコミニティも用意していますので、質問等ございましたらそちらをご利用ください。
(X)HTML+CSSで作成する10の理由
- 構造とデザインの分離ができる
- プログラミングの作業が簡単になる
- SEO効果が高い
- アクセシビリティが高い
- メンテナンス性が高い
- サーバー容量、転送速度の確保が安易になる
- ユーザーが自らの見やすいデザインに変更できる
- ページ表示の高速化
- XMLなどの新しい技術との親和性が高い
- はやってるから
(X)HTML+CSSを学ぶ為には?
当サイトではCSSでレイアウトする為のテクニックを中心に紹介しています。
(X)HTMLやCSSの基礎(~応用)の学習にはWeb標準の教科書―XHTMLとCSSでつくる“正しい”Webサイトを利用すると良いです。(私もこれで覚えました。)
初心者には難しいかもしれませんが、 リファレンスとして色々な項目を網羅している為、一生使える一冊になるのは間違いありません。
CSSの注目情報
- クオリティーの高いフリーのXHTML/CSSテンプレート30 | CREAMU
- 海外デザイン事情第7回 手軽にWebを彩るCSSコーディングテクニック50 - MdN Design Interactive
- jQueryライクなDOMにスタイルを適用する関数 :: 5509(+1)
- PHPによってCSSを動的に出力する初心者向けチュートリアル:phpspot開発日誌
- [CSS]リスト要素で実装するスタイリッシュな打ち出しコンテンツ | コリス
- CSS3のコードを自動生成してくれる「CSS3 Generator」 | Web活メモ帳
- [CSS]商用サイトでもそのまま利用できるCSSのナビゲーション集 | コリス
- WordPressプラグインを使わずに記事ごとにcssを加えられるようにするカスタマイズ - かちびと.net
- How to Build a Lava-Lamp Style Navigation Menu | Nettuts+
- Web制作に役立つ総合情報サイト 7コ+α
- CSSを使ったOperaブラウザのロゴがすごい:phpspot開発日誌
- [サイト] 使えると思った CSS3のジェネレーター 4種類 | Bonnie styles.
- (3月14日)今日の「簡単海外記事」 - かちびと.net
- 開発に使えるチートシートがごろごろまとまっている『Dev Cheat Sheet』 - 100SHIKI ~ 世界のアイデアを日替わりで
- HTML+JavaScriptでiPhone/iPad/Androidネイティブアプリを開発できる「Titanium 1.0」 | パソコン | マイコミジャーナル
- スポンサードリンク


