Validator.nuThis tool is an ongoing experiment in better HTML checking, and its behavior remains subject to change Validator.nu (X)HTML5 Validator (Living Validator)Validator InputDocument
色弱の見え方シミュレーター - 文字色と背景色
色弱の見え方シミュレーター - 文字色と背景色 コンピュータの発達と普及により、プレゼン資料・ホームページなど、情報発信する機会が増加しました。このとき、文字色と背景色の組み合わせによって、文字が見づらくなってしまうことがあります。一般色覚の人には見分けやすくても、色弱の人には見分けにくい、という色の組み合わせもあるので、注意が必要です。 色弱の人には見分けやすいかどうかは、色弱の人に確認してもらうのが一番好ましいですが、すべてチェックしてもらうのは現実には難しいでしょう。 そこで、文字色と背景色の組み合わせから、色弱の人の見え方を模擬体験するシミュレータを作成しました。コントラスト比(明るさの差)も計算します。 使い方の画像はこちら(ポップアップ表示します) 文字色: 背景色: C: 人にやさしい色づかいをすすめる会 文字: #000000 ([赤,緑,青]=[[0,0,0]]) 背景:
Color Contrast Checker
Forage post-ironic celiacForage post-ironic celiac, sustainable kinfolk 90's cred microdosing narwhal 3 wolf moon tousled raw denim. Forage post-ironic celiac, sustainable kinfolk 90's cred microdosing narwhal 3 wolf moon tousled raw denim. Forage post-ironic celiacForage post-ironic celiac, sustainable kinfolk 90's cred microdosing narwhal 3 wolf moon tousled raw denim. Forage post-ironic celiac,
HTML5 入れ子チートシート | 吉川ウェブ
HTML 5.2のそれぞれの要素が入れ子にできる「子要素」、包含されることが可能な「親要素」の一覧のルールを視覚化して表示します。 ※1 a要素の親要素が包含可能であること※1 audio要素の親要素が包含可能であること※1 canvas要素の親要素が包含可能であること※1 del要素の親要素が包含可能であること※1 ins要素の親要素が包含可能であること子要素省略※1 map要素の親要素が包含可能であること※1 noscript要素の親要素が包含可能であること かつ body要素の子孫であること子要素省略※1 video要素の親要素が包含可能であること ルート要素＆文書メタデータ html 親 子 head 親 子 title 親 子 base 親 子 link 親 子※HTML 5.2から可能。フレージングコンテンツが期待される場所※head要素の子孫であること meta 親 子※he
HTMLメールワークフローに役立つGruntプラグイン | チャットワーククリエーターズブログ
こんにちは、先日Web開発チームに加わりました西口です。 HTMLメールの制作って煩わしくないですか？ おそらくそう感じているWebデザイナーの方は多いのではないかと思っています。 HTMLメールの制作って大変特に下記のような点が挙げられると思います。 テーブルレイアウト（コーディング面倒…）インラインCSS（コーディング面倒…）メールクライントごとで差のあるCSS対応（表示チェックどうすんの…）各種メールクライアントでの表示テスト（古い環境もまだまだ現役…）などなど… 弊社でもHTMLメールはそこまで頻繁に作成することがなかったので、これまでワークフローを見直すことがなく、ヘイトの増加を感じつつもHTMLを直接コーディングして作成していました。 ただ、やはりこういうフローでは時間がかかってしまったり表示確認が面倒だったので、どうにか効率良くならないかと調べていたら、HTMLメール作成用の
Demo of String_random.js
String_random.js is a library for generating random string from a regular experession.
Colorable
ContrastContrast is the difference in luminance or color that makes an object (or its representation in an image or display) distinguishable. In visual perception of the real world, contrast is determined by the difference in the color and brightness of the object and other objects within the same field of view. Because the human visual system is more sensitive to contrast than absolute luminance,
NTH-TEST | nth-child and nth-of-type Tester
I have seen so many tweets of late with people getting their heads frazzled with nth-child and nth-of-type. So I decided to knock this together so people can play around and test their nth's out! Enter your nth number and it will change as you type 1. Item 2. Item 3. Item 4. Item 5. Item 6. Item 7. Item 8. Item 9. Item 10. Item 11. Item 12. Item 13. Item 14. Item 15. Item 16. Item 17. Item 18. Ite
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Material Design
tota11y – an accessibility visualization toolkit by Khan Academy
Loading...
Validators and tools
http://snippet.bevey.com/css/selectorCount.php