カテゴリー
fun

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

Checkboxland は、HTML のチェックボックス要素を活用してしまくるための JavaScriptライブラリです。

HTML のチェックボックス要素と言えばこれ↓ ですが、

このチェックボックスを使って様々な表現を実行できます。

デモでは、文字が横に流れるマーキー、デジタル時計、アニメーション、QRコード表示、ライフゲーム、動画再生(!)、など様々な表現が、すべてチェックボックスだけで実現されています。

API documentによれば、チェックボックスを縦横に並べたグリッド上でグリッド上の各座標を調べたり書き換えたりする低レイヤAPIと、文字を大きく描く、スクロールさせる、画像や動画を描写させるなどの拡張APIが用意されています。プラグイン機構も用意されているので、自分で Checkboxland に新たな機能を追加することも可能です。

多数の要素を表示しようとするとページが重くなるのはチェックボックスであっても(当然)同じで、チェックボックスの数が1500個を超えるとチェックボックスの更新速度が問題となることから、32×32 や 64×16 といったサイズ以下のグリッドを推奨するそうです。

作者のブライアン・ブラウンさん(Bryan Brown)は、職場の近くにある機械式の巨大サインボードが、黒白のグリッド表示でテキストやアニメーションを表示するのを見て「チェックボックスでも同じことができるのでは?」と考えたそうです。

チェックボックスだけで凝ったウェブサイトを作りたいと思っていた人(いるのか?)にとってはとても便利なライブラリと言えるのではないでしょうか。

via Hacker News

カテゴリー
ネットのサービス

PhotoChrome – 言葉からカラーパレットを作ってくれるサービス

単語を入れると、単語に関連した色からカラーパレットを作るというサービスが PhotoChrome です。

入力した単語から Unsplash の API で単語に関連した無料利用可能な画像を検索します。

写真の中から抽出した色を取り出して5色のパレットを作る、これだけでもまあいいかと思いますが、サービスは単語に関連する多数の画像をごちゃごちゃに混ぜ合わせ(smash)、混ぜた画像から5色を取り、明度を明るい物から暗いものまで調整してカラーパレットを出してくれます。

混ぜたほうがぼんやりしたパレットになることも多いように思えますが。

色の選択に行き詰って、新しいヒントが欲しいときに使うといいかもしれません。

via FlowingData

カテゴリー
ツール

Minimal Twitter – ミニマリスト向けツイッター表示ブラウザ拡張

Minimal Twitter は、ブラウザ版ツイッターの表示から広告やトレンド、おすすめユーザーなどを除去し、最低限の要素だけを残すというブラウザ拡張機能です。

拡張をオンにすると、ツイッターの画面が以下のようになります。すっきりしてますね。

通常の表示がこちら。特に右側サイドバーの情報量が多いですね。世の中の様々な動きを知りたい時はこれはこれで役立つとは思いますが、いつも推薦が欲しいだけでもない、と。

拡張機能のオプションで、RTやイイネの数を表示しないようにするなど、さらに表示要素を減らすこともできます。(自らクリックすると、現在のイイネ数などは表示されます)

雑音の少ないピュアなツイッター道を極めたい場面などで使ってみるのもいいかもしれません。Chrome、Firefox、Safari 版(Safari版は登録料が掛かるので非公式で)が提供されています。

via Hacker News