現状HTML5とCSS3を利用したサイトの構築は自分の仕事上では出てきそうにないのですが、そうは言っても何も情報を収集しないわけにも行かないのでブックマークは当然しています。しかし、ただ単に貯めてるだけだといざという時活用出来ないので、一度ブログに書き留めておこうと思います。
html5
現状深く調べておらずリファレンスやタグ辞典的なものを収集しています。最近友人のクロ（@CROO1379）が色々情報を収集してサイトを構築しており、リファレンス的な意味ではかなり拾えそうな感じになっています。
html5 独学まとめ
友人のクロ（@CROO1379）が個人的にhtml5に関する情報を収取しているサイト。html5に関するキーワードからそれに関する情報をgoogle検索とヒモ付たデータベース的な仕組みになっています。
HTML5新規でサイトを作るのに使えそうなの一式。Ver 1
ひらっちさん（@hira）の運営するCSS HappyLifeにポストされている記事。HTML5版の新規でサイトを作るのに使えそうな一式です。
HTML5 下位ブラウザへの対応
「シャンディ・ガフを飲みながら」というブログにポストされているhtml5とcssに関する記事。html5をIE6～8に対応させる為のHTML5.jsやCSS3の疑似セレクタに対応させる為のie-css3.jsに関する事を記述しています。
CSS3
CSS3に関してはすぐに活用できるリファレンスやジェネレーター、対応一覧表などを主に収集しています。
たった一行を追加するだけでIE6/7/8をCSS3対応にする -CSS3 PIE
コリスさんのIE6/7/8でもCSS3の角丸、ボックスシャドウ、グラデーション、マルチバックグランドなどを使えるようにするbehaviorスクリプトを紹介した記事。
CSSジェネレーター
CSS3を活用する際に便利なジェネレーター
CSS3 Playground by Mike Plate
CSSによる様々な効果をその場で確認しながら作成できるジェネレーター。
- Radius
- TextShadow
- Transforms
- Columns
- GradientBackground
- BorderAndOutline
- Background
- ContentAndText
CSS3.0 MAKER
こちらもCSSによる様々な効果をその場で確認しながら作成できるジェネレーター。
- BorderRadius
- Gradient
- Transform
- Animation
- Transition
- RGBA
- TextShadow
- BoxShadow
- TextRotation
- @fontFace
他ブログでのまとめ
html5、css3の情報はかなり出ており、各ブログ運営者の方々もすでに情報をまとめられています。私が今回ポストしたものもすでに他のブログで紹介されているものがほとんどですが、自分のブログに纏めると、どういうものがあったかを整理できるので自分用に活用するのにかなり最適化されます。
ですが、折角ですので他の方のブログも掲載しておいて、自分のブログで保管できないものも、いざ使うときに引っ張れるようリンクしておきます。
お役に立てたらお願いします🙇
Comments