cssのテクニックなどを学びたい時に見ておきたい12サイト

Ads

css
cssが苦手で嫌いなので
好きになろうと思い、勉強に
なりそうなサイトを国内外で
選んで絞ってみました。
同じ思いをしている方とシェア
したいと思ったので記事にします。

リファレンスサイトは今回は割愛しました。勉強するなら抑えて当たり前ですしね。国内外合わせて11サイトとおまけが1サイトあります。まずは国内サイトから。

CSS HappyLife

css-technique01

個人的に国内でcssといえばCSS HappyLifeさん思い出します。基本から応用まで幅広く情報を配信。

CSS HappyLife

CSS-EBLOG

css-technique02

ほぼcss中心に情報を配信してくれています。こちらもかなり勉強になるサイト。サイト自体も見やすいですし、cssで困った時には必ず訪れたいサイトです。

CSS-EBLOG

CSS Lecture

css-technique03

cssで出来るテクニックを公開してくれています。デモページを用意してくれるのが凄く嬉しい。親切で分かりやすいサイトです。アイコン情報などのWeb制作関連記事も配信されています。デザインも凄く綺麗。

CSS Lecture

lucky bag

css-technique04

こちらもcss情報、Tipsを配信してくれる国内サイト。cssの本も執筆されている方です。リンクはcssのカテゴリにしてあります。

lucky bag

eWeb

css-technique05

cssのサンプルコードが沢山おいてある国内サイト。基本をしっかり学べそうで、僕もお世話になっています。

eWeb

css Zen Garden

css-technique06

有名なサイトの日本語訳ページです。cssでどこまで出来るかを考える、というコンセプトのサイト。海外サイトなのですが、日本語訳されているのでこちらに置かせて頂きました。

css Zen Garden

以下から海外サイトです。

CSS-Tricks

css-technique07

海外のcss情報ブログで有名なサイトです。テクニック中心。メニューの「SNIPPETS(スニペット)」から探すと見つけやすいと思います。

CSS-Tricks

cssplay

css-technique08

以前に5時間くらいずっと見てた事があります。。。cssのサンプルが病的に置いてあるサイト。cssを使った簡単なゲームまであります。(※cssオンリーで出来ている訳ではありません。リンク先は橋からマウスが出ないようにしつつ、進めて行くパズルゲームですね。)cssplayも超必見サイトです。

cssplay

CSS examples

css-technique09

cssレイアウトのサンプルやデモが沢山あるサイト。ここもかなり時間がかかりそう。ゆっくり見てみたいサイトの一つです。

CSS examples

Smashing Magazine

css-technique10

言わずと知れた海外のWeb技術関連のモンスターサイト。当然css情報も豊富です。リンクはcssのカテゴリにしてあります。まとめ記事が多いのが個人的に助かっています。

Smashing Magazine

CSS Vault Blog

css-technique11

cssのギャラリーサイトのブログです。選択肢の一つとして覚えておいて損は無いかなぁと思います。

CSS Vault Blog

おまけ:CSS(スタイルシート)のテクニックとトピックのまとめ

css-technique12

おまけ。SBMなどでcssのタグが付けられたページを集めています。探し物に便利そう。cssの記事では無いのもたまに混ざってる気がしますが。。。

CSS(スタイルシート)のテクニックとトピックのまとめ

以上、11サイト+おまけ1サイトでした。せっかくこうして情報を提供してくれるのでしっかり学ばせて頂きたいと思います。時間を作ってからじっくり見たいですね。他にも「このサイト見とけ」っていうお勧めサイトがありましたら教えてください。