Html

#HEXWORDS - 16進カラーコードで「意味のある単語」をまとめたサイト

HTML/CSS の色指定などで使われる16進コード、0から9とA,B,C,D,E,F までの16文字を使って16進数でRGBの三原色の割合を示すものです。3桁(#3C3)や6桁(#BD2031)で使われます。 #3C3 #BD2031 16文字の中にアルファベットが6文字入っているので、数値によっては英単語のように見えるものもあります。(たとえば #DECAFE) これに、0から9までの数字を似 …

1万6000個のチェックボックス要素で作られたDoom

HTMLのチェックボックス「だけ」をひたすら活用できるライブラリ Checkboxland を先週紹介しましたが、さっそくすごい応用サービスが登場しました。 Doom といえば、非力なレトロPC や関数電卓から、ATM や デジカメ、プリンターの液晶などCPUのあるところならどこでも移植されてきたゲームですが、今回は Checkboxland を使って、すべてチェックボックスで作られた Doom …

Checkboxland - HTMLのチェックボックスですべてを作れるライブラリ

Checkboxland は、HTML のチェックボックス要素を活用してしまくるための JavaScriptライブラリです。 HTML のチェックボックス要素と言えばこれ↓ ですが、 このチェックボックスを使って様々な表現を実行できます。 デモでは、文字が横に流れるマーキー、デジタル時計、アニメーション、QRコード表示、ライフゲーム、動画再生(!)、など様々な表現が、すべてチェックボックスだけで実 …

Listly - ウェブページからデータを抽出してExcelファイルにしてくれるサービス

Listly は、ウェブページのスクレイピングをお手軽にしてくれるサービスです。 フォームに抽出したいサイトのURLを入れて、Listyボタンを押すと、 ページ内の構造から、リストを抽出してくれます。抽出に使ったCSSセレクタを表示してくれてるので、これをコピーして使うもよし、“Excel"ボタンを押すと、エクセルファイルでダウンロードもできます。 何回も繰り返すような作業な …

ウェブページ制作のたいへんさを見せるページ

英語圏の巨大掲示板redditの一ページを新規にデザインしたとしたらどれぐらい手間か、というのをブラウザ上で見せてくれるページです。 画面右側にCSSとHTMLの枠が表示され、そこにコードが追加されていくにつれて、ページ上にredditのデザインが少しずつ出来上がっていきます。右上のスライダーで作業速度を速めることもできますが、それでもなかなか出来上がりません。 redditは、どちらかといえばシ …