Twenty Elevenをカスタマイズしサイトのデザインを変更しました

Twenty Elevenをカスタマイズ

約2ヶ月ぐらいTwenty ElevenをカスタマイズしてWordPressの新機能やhtml5、css3などを勉強していました。それと同時にカスタマイズが完成したので今回デザインを新たに変更しました。
今回はデザイン変更して勉強になったサイトなどを紹介していきます。又細かな変更の仕方などは変更した部分などが大丈夫なのを確認した上で紹介していきたいと思います。

xhtmlからhtml5へ変更

デタラメホームページhtml5

上記の画像は以前のデザインで中身はxhtmlで作成してありました。別にxhtmlでもよかったんですが、将来css3がずべてのブラウザで使えるようになった場合にはhtml5,css3はかなり便利な機能を持っているので勉強方々変更をしました。

WordPressの新機能とhtml5、css3で勉強になったサイトと便利なサイト

それではWordPressの新機能とhtml5、css3で勉強になったサイトと便利なサイトを紹介していきます。

Twenty Elevenの中身やhtml5の新しいタグで勉強になるサイト

Twenty Elevenを翻訳してあるサイト8bitodyssey.com
Twenty Elevenが翻訳されてあるのでかなり助かります。8bitodyssey.com
Twenty Elevenの中身を解説してあるサイト小粋空間
とても分かりやすく解説してあり勉強になります。小粋空間

css3で便利なサイト

css3全般のコードを作成するのに便利なサイトCSS3 Generator
css3全般のコードを作成するのにかなり便利です。CSS3 Generator
css3のグラデーションを作成するのに便利なサイトColorZilla.com
css3のグラデーションが見た目でデザインできコードが作成されますので便利です。Ultimate CSS Gradient Generator

その他サイト作成の時に便利だったサイト

サイトタイトルロゴ作成で便利なサイトsupalogo
オシャレなロゴが揃っていて簡単にサイトのタイトルを作成できかなり便利です。supalogo
ブラウザサイズに合わせた背景画像が表示出来る方法CSS-Tricks
1枚の写真や画像をブラウザ幅いっぱいに表示できる方法を紹介してあります。CSS-Tricks

書籍

サイト以外では下記の本がとっても分かりやすく勉強になります。

最終更新日: 2013年2月7日

  • このエントリーをはてなブックマークに追加
  • にほんブログ村 IT技術ブログ WordPressへ
  • ameba
  • addthis
  • Clip to Evernote

Twenty Elevenをカスタマイズしサイトのデザインを変更しましたの関連記事

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です


*