ウェブサイト制作支援サイトのリンク集

link

テンプレート配布

HTML5 Boilerplate

https://html5boilerplate.com

ウェブサイトのテンプレートを配布しているサイトです。 クロスブラウザ対応しているので、見本としても優秀です。

Animate.css

https://daneden.github.io/animate.css

CSSを使ったアニメーションのライブラリを配布しています。 内容が豊富で完成度も高いです。

ウェブブラウザのHTML・CSS対応確認先

caniuse.com

http://caniuse.com

HTML・CSSなどの要素・属性・機能などが格ブラウザに対応しているか確認できます。 要素や機能を使用するか検討する際にも便利です。

html5test.com

http://html5test.com

接続したブラウザのHTML・CSSの対応状況が確認できます。 推奨ブラウザが決まっていれば、ユーザーエージェント対象や非推奨機能などが簡単に分かります。

fmbip.com

http://fmbip.com

接続したブラウザのHTML・CSSの対応状況が確認できます。 他にもサイト制作に便利なライブラリの紹介なども行っているようです。

HTMLチェック

validator.w3.org

https://validator.w3.org

W3Cの提供するHTML文法チェッカーです。 サイトURLやHTMLファイル・ソースの文法をチェックすることができます。 正常に動いているサイトでも案外エラーを吐いている事が多く、何かと重宝します。

画面サイズチェック

↔ Resizer

http://lab.maltewassermann.com/viewport-resizer

該当URLにアクセスすると画面上部に自由に画面解像度をカスタマイズできるバーが出てきます。 これにより手軽に画面解像度ごとのレイアウトチェックをすることができます。

アマルウェブ HOME