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テクニックいろいろまとめ8つ - W3Q
- Useful CSS Snippets for Your Coding Arsenal
- Photoshop VIP ☞ スマートフォン対応、レスポンシブデザインのWordPressテーマ厳選12個
- Top 10 Premium CSS3 and HTML5 Mega Menus - DesignModo
- ビューティホーなHTML5&CSS3テンプレート50:phpspot開発日誌
- 普段あまり使わないカラーの組み合わせを効果的に使う方法 | コリス
- CSSのelement()関数 - Weblog - hail2u.net
- 30 Must See CSS3 Animated Button Tutorials and Experiments | Design Inspiration
- 【Sassを覚えよう!Vol.10】mixin とか色々活用してスマホ案件で楽をする - CSS HappyLife
- Firefox 10 の後方互換性に関わる修正のまとめ « Mozilla Developer Street (modest)
- 【CSS3】これはやばい!覚えなくてもすぐに使える便利なCSS3ジェネレータまとめ。 - NAVER まとめ
- iPhone向けWebサイトを細かく制御するグリッドライブラリ「iPhone.gs」 - MOONGIFT|オープンソース・ソフトウェア紹介を軸としたITエンジニア、Webデザイナー向けブログ
- CSS3で半透明のリングが波紋のように広がるエフェクトを作る方法 | Webロケッツマガジン
- 無料で使えるCSS3のwebフォント・Google web fontからシンプルでカッコイイフォントまとめました | Webデザインクリップ|Web制作に便利な情報を集めたまとめサイト
- CSS3で画像を分割スライドする超クールなパネル実装例:phpspot開発日誌
- スポンサードリンク


