約2ヶ月ぐらいTwenty ElevenをカスタマイズしてWordPressの新機能やhtml5、css3などを勉強していました。それと同時にカスタマイズが完成したので今回デザインを新たに変更しました。
今回はデザイン変更して勉強になったサイトなどを紹介していきます。又細かな変更の仕方などは変更した部分などが大丈夫なのを確認した上で紹介していきたいと思います。
xhtmlからhtml5へ変更
上記の画像は以前のデザインで中身はxhtmlで作成してありました。別にxhtmlでもよかったんですが、将来css3がずべてのブラウザで使えるようになった場合にはhtml5,css3はかなり便利な機能を持っているので勉強方々変更をしました。
WordPressの新機能とhtml5、css3で勉強になったサイトと便利なサイト
それではWordPressの新機能とhtml5、css3で勉強になったサイトと便利なサイトを紹介していきます。
Twenty Elevenの中身やhtml5の新しいタグで勉強になるサイト
- Twenty Elevenを翻訳してあるサイト8bitodyssey.com
- Twenty Elevenが翻訳されてあるのでかなり助かります。
- Twenty Elevenの中身を解説してあるサイト小粋空間
- とても分かりやすく解説してあり勉強になります。
css3で便利なサイト
- css3全般のコードを作成するのに便利なサイトCSS3 Generator
- css3全般のコードを作成するのにかなり便利です。
- css3のグラデーションを作成するのに便利なサイトColorZilla.com
- css3のグラデーションが見た目でデザインできコードが作成されますので便利です。
その他サイト作成の時に便利だったサイト
- サイトタイトルロゴ作成で便利なサイトsupalogo
- オシャレなロゴが揃っていて簡単にサイトのタイトルを作成できかなり便利です。
- ブラウザサイズに合わせた背景画像が表示出来る方法CSS-Tricks
- 1枚の写真や画像をブラウザ幅いっぱいに表示できる方法を紹介してあります。
書籍
最終更新日: 2013年2月7日