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の注目情報
- クリエイティブなフォームをCSSで実現する為のTips「20+ Resources and Tutorials for Creative Forms using CSS」 | DesignDevelop
- List of Really Useful Plugins For jQuery Developers | W3Avenue
- クオリティーの高いフリーのXHTML/CSSテンプレート50 | CREAMU
- PHPとCSSで動的に綺麗なパーセンテージグラフを描画サンプル:phpspot開発日誌
- 20+ Resources and Tutorials for Creative Forms using CSS : Speckyboy Design Magazine
- テーブルをゼブラ(ストライプ)模様にできるzebraTable.jsを公開しました。 - E-riverstyle Vanguard | CSSやXHTML,Javascriptやweb製作に関する事を紹介
- シマシマの見やすいテーブルを作成するMooToolsプラグイン「ZebraTable」:phpspot開発日誌
- RedLine Magazine : 印刷用CSSのお話
- CSSで作る超簡単ドラクエ風メニュー
- フッターとかの区切り『|』のサンプル1種|CSS HappyLife
- 50 Free High-Quality and “New” (X)HTML/CSS Templates | Noupe
- ソースが公開されているcss小技11エントリーまとめ - かちびと.net
- [CSS]複数のスタイルシートのフレームワークのいいとこ取りをした -BlueTrip | コリス
- CSSだけで画像のリサイズを処理する(IE6に対応させて、しかもハイクオリティ) - くらげだらけ
- Simple Tabs w/ CSS & jQuery - Easy Tab Tutorial with CSS and jQuery - jQuery Tutorials - Tabbed Navigation Tutorial
- スポンサードリンク


