Webデザイン

Single Page - 一ページだけすぐ編集してネットに公開できる1ドルサービス

Single Pageは、一ページだけのwebページをその場で作って公開できる、という有料サービスです。 Single Pageで一枚ペラのwebページを作成中。ページ上で直接編集ができる。 サイトを開くと、サイト自身の説明が書かれたエディタが開かれますが、このエディタを使ってページ内を自由に書き換えることができます。 作成したページは、singlepage.cc/ ドメイン以下の空いている好きな …

pixelguesser - あなたのwebデザインのサイズ感に挑戦するクイズ

Pixel Guesser(ピクセル当て)は、ブラウザ上でピクセル(px)指定されたサイズの矩形を答えるクイズサイトです。 幅と高さのpx がお題として出るので、マウスでそのサイズと自分が思う領域を指定します。 あなたが描いたサイズと正しいサイズがオーバーレイで示され、どれぐらい正解に近かったかに応じて点数が加算されます。10問解くと合計が出て終了。 ブラウザ上での矩形領域を勘で指定してうまく当て …

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

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

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

単語を入れると、単語に関連した色からカラーパレットを作るというサービスが PhotoChrome です。 入力した単語から Unsplash の API で単語に関連した無料利用可能な画像を検索します。 写真の中から抽出した色を取り出して5色のパレットを作る、これだけでもまあいいかと思いますが、サービスは単語に関連する多数の画像をごちゃごちゃに混ぜ合わせ(smash)、混ぜた画像から5色を取り、明 …

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

Minimal Twitter は、ブラウザ版ツイッターの表示から広告やトレンド、おすすめユーザーなどを除去し、最低限の要素だけを残すというブラウザ拡張機能です。 拡張をオンにすると、ツイッターの画面が以下のようになります。すっきりしてますね。 通常の表示がこちら。特に右側サイドバーの情報量が多いですね。世の中の様々な動きを知りたい時はこれはこれで役立つとは思いますが、いつも推薦が欲しいだけでもな …

Unim.press - redditのトップページを新聞紙面風にデザイン

unim.pressは、海外の巨大掲示板 reddit の最新人気記事を昔の新聞風デザインにして見せるというサイトです。 記事の本文は全部埋め草なので、タイトルで気になったら結局reddit にジャンプするんですけどね。できればコメントから記事本文みたいなものも生成してほしいところ。 記事にマウスを置くと、その記事の画像だけカラーになります。レトロ風味のモノクロと、気になった記事でちゃんと画像を見 …

YesAQ - 「はい」になる回答だけを集めたFAQ

Basecamp というサービスの FAQ に特徴があるという書き込みがあったので、チェックしに行きました。 よくある質問(FAQ)を置いてあるウェブサービスは多いと思います。問い合わせが多い質問に対してあらかじめ回答を見せておくことで、サポートの人員を減らせますし、利用者もメール等の返事を待つことなく疑問が解消できます。 すべての答えが「はい」なら Basecamp の yeaAQ は、すべての …