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の注目情報
- JavaScript/CSSを使ってスクロールによるアニメーションを実現「skrollr」 - MOONGIFT|オープンソース・ソフトウェア紹介を軸としたITエンジニア、Webデザイナー向けブログ
- キーフレームを使ったCSSアニメーションを実現「jQuery keyframe」 - MOONGIFT|オープンソース・ソフトウェア紹介を軸としたITエンジニア、Webデザイナー向けブログ
- CSSのみでボタンや吹き出しをデザインするときに役立つジェネレーターまとめ5つ - W3Q
- WordPress管理画面のメニュー項目に使われるアイコンをオリジナルに変更する為のテンプレート素材 - かちびと.net
- CSSのブラウザ対応状況が一発で分かる「BrowserSupport」:phpspot開発日誌
- [JS]異なる高さのdiv要素を揃えるだけでなく、均等割付やグリッドに揃えることもできるスクリプト -jQuery.grrrid.js | コリス
- Diving Into CSS Regions | Nettuts+
- Shiki’s Weblog: ESウェブブラウザ通信 - :hover擬似クラスの処理の高速化
- text-shadow と ::selection 擬似要素 | Unformed Building
- 翻訳:HTML5モバイルWebフレームワークの比較 - きしだのはてな
- スマホで同じ幅3つのボックスをビューポートいっぱいに並列させたい | clear sky source
- 窓の杜 - 【NEWS】コーディング不要のWebオーサリングソフト「Adobe Muse」が正式版に
- 漢字も使えるフリーのWebフォントまとめ | Love&pointcard
- これまでのスタイルシートをLESSで書くとどうなるか「Css2Less」 - MOONGIFT|オープンソース・ソフトウェア紹介を軸としたITエンジニア、Webデザイナー向けブログ
- SASS vs. LESS | CSS-Tricks
- スポンサードリンク


