Web制作者は要ブックマーク!制作時にいろいろと役立つ便利サイトのまとめ

Web制作時に、あれ?なんだっけな?って時に役立つ便利サイトを紹介します。

HTML5やCSS3の各ブラウザのバージョンごとのサポート状況、スクリーンサイズやデバイスごとのMedia Queriesの書き方、Bootstrap, Foundationなど各フレームワークの対応ブラウザやライセンス、ブラウザの各バージョンごとのCSS Hackなど、いざという時に役立つサイトばかりです。

サイトのキャプチャ

Can I Use...Support tables for HTML5, CSS3

Can I Useは先月くらいにUIを刷新し、より使いやすくなりました。デスクトップ・モバイル用の各ブラウザでのバージョンごとのHTML5, CSS3のサポート状況がそれぞれ詳しく分かります。

サイトのキャプチャ

HTML5 & CSS3 Support

HTML5とCSS3のサポート状況で、こちらは一覧になっているので複数のアイテムをさっと調べたい時に便利です。

サイトのキャプチャ

HTML5test

ブラウザのHTML5の対応状況が確認できます。アクセスした自分のブラウザだけでなく、さまざまなブラウザの各バージョンごとのデータもあります。

サイトのキャプチャ

Screen reader support for hidden content

コンテンツをCSSやHTMLで隠した時、スクリーンリーダーがそれを読むかどうかの一覧表。

サイトのキャプチャ

Media Query Snippets

スクリーンサイズやデバイスごとのMedia Queriesの記述方法のまとめ。

サイトのキャプチャ

Easing Function

jQueryやCSSアニメーションでアニメーションがどのようなタイミングで進むか、イージングのサンプルと実装方法のまとめ。

サイトのキャプチャ

CSS Front-end Frameworks with comparison

Bootstrap, Foundationなど、さまざまなフレームワークのブラウザ対応やライセンスのまとめ。

サイトのキャプチャ

HTMLHint

カスタマイズも可能なNode.jsベースのHTMLバリデーション。

サイトのキャプチャ

Browserhacks

IEだけでなく、デスクトップ・モバイル用のさまざまなブラウザの各バージョンごとのCSS/JavaScript Hackのまとめ。

サイトのキャプチャ

Screen Sizes

iPhone, Androidなどのスマホ、タブレット、デスクトップ用のモニターのサイズや解像度やアスペクト比のまとめ。

サイトのキャプチャ

Web Developer Checklist

Webサイトを制作した際、納品前にチェックしておきたい項目のまとめ。

top of page

©2017 coliss