影を付ける
Web’NotesCSSで影を付けるbox-shadowの使い方
http://webnonotes.com/css/box-shadow/
★CSS3リファレンス
box-shadow …… ボックスに影をつけるhttp://www.htmq.com/css3/box-shadow.shtml
リンクはaタグで書いた方が良さそう
ヨッセンス[HTML] リンクタグ(aタグ)って何?基本から応用まで紹介!
http://yossense.com/link-tag/
ボタンリンクの場合はボタンを透過させると良いようです。
Black FlagCSSで透明度/透過度(opacity)の指定をする方法
http://black-flag.net/css/20110513-3045.html
loadingを表示する
難易度が高いがCSSでアニメーションを作成できます。HTML5でサイトを作ろう
画像を使わないでCSS3で様々なローディング用アニメーションをつくってみよう
http://www.html5-memo.com/webtips/css3-loading/
cssでなくgif画像を使用すると割合簡単にできます。商用でも無料で使用できるgif画像は、次のサイトにあります。
Preloaders world
http://preloaders.net/en/free
無料で商用ダウンロード可能かどうかわかりやすいです。
GIF画像検索サイト
ローディングGIF画像作り方&商用ダウンロード&JQUERY実装記事まとめ
http://gif89a.net/gif-loading/
コーディングの方法がわかりやすいです。
森のコーディング
画面読込中のグルグルまわるローディング画像を出す。jQuery・javascript
http://mori-coding.blog.jp/archives/6760786.html
リファレンス系
W3C公式サイトW3C html5 reference
https://dev.w3.org/html5/html-author/
リファレンスのような内容がたくさん載っているサイト
w3schools.com
http://www.w3schools.com/
HTML5 Tag Reference
https://reference.hyper-text.org/html5/
自動生成系
テーブルのコード生成をしてくれるサイト。行や列の数字を入力することで、リアルタイム更新の図を完成テーブルを表示しながらコード生成してくれる。TAG index
テーブルタグ作成ツール
http://www.tagindex.com/tool/table.html
フォント系
フォントが好きなサイトWPC
http://web-pc.net/price