10KB以内、レスポンシブWebデザインである事が条件の軽量Webサービスのコンテスト・10K Apartの中で面白かったもの10個

Ads

面白そうなコンテストが開催されているよう
だったのでメモがてらご紹介。10KB以下で、
しかもスマートフォンやiPadなど様々なデバ
イスで閲覧してもレイアウトを崩さないレス
ポンシブWebデザインであることが条件の
Webアプリコンテスト・10K Apartからいくつ
か面白かったものを選んでみました。

モバイルでも使える軽量Webサービスのコンテスト、みたいな感じですかね。なかなか面白いものが揃っていました。開発者さんは参考にされては如何でしょう。

10K Apart


条件は画像やcss、jsなど全て合わせて10KB(圧縮可)以内に収めること、様々なデバイスでもレイアウトを崩さないレスポンシブ設計であることなどがあげられています。コンテンツは結構APIありきになってます。当たり前かもですがw

現在120以上のも作品がエントリーされていますが、この中で個人的に気に入ったものを10個ほどご紹介します。順不同。

SunCalc 3D


これ面白い。現在地を取得して、時期と時間を指定すると太陽の位置を把握できる、というアプリ。夕方になるとちゃんとデザインが変化します。全体は3Dっぽく表現されており、ドラッグで動かせます。

SunCalc 3D

Dashing Analytics


Googleアナリティクスをシンプルなデザインで見ることが出来るWebアプリ。OAuth認証すれば、グラフで表示してくれます。

Dashing Analytics

Front Row


映画のタイトルを入れるとポスターを出してくれます。だからなんだといわれると困りますけどw

Front Row

Colorrrs


dribbbleからカラーコードで検索できるサービス。個人的には一番好きです。ロゴも指定したカラーコードになります。

Colorrrs

DropCSS


CSSをドロップすると圧縮してくれます。普通に使えるかもしれない。

DropCSS

Sounds Like


これ凄くいいかも。ミュージシャンで検索すると類似するほかのミューシャンを数人抽出し、その類似しているミュージシャンからまた別の類似する人を探せます。なかなか面白いですね。ただ、実機のiPhoneだと、レスポンシブ、とは行きませんでした。※キャプチャはエミュレーターです。

Sounds Like

atsniview


シンプルなInstagramのビューアです。キーワードで検索すると写真をズラッと表示します。

atsniview

Arounddd.Me


現在地を取得して、関連するTwitterとInstagramの投稿をストリーム表示します。エミュレーターでは表示できませんでしたが、iPhoneでは完璧に動作していました。

Arounddd.Me

Pirana


これで10KBは凄いですね・・・RSSリーダー。複数登録も可能です。なかなか必見です。

Pirana

Spyglass


Twitterの個別の投稿URLを入力すると、そのPostを解析してくれます。影響力?かなんかも調べられるみたいです。たかが個人レベルで「影響力」ってなんか恥ずかしいですけどw

Spyglass

以上、僕が気になったサービス10個でした。モバイル向けの簡単なWebアプリを作成するヒントになるかも。中にはレスポンシブだけど実機では閲覧できないとかもあるけど細かいこと抜きに、こういった技術は参考になりますね。

まだ沢山あるので暇つぶしに如何ですか。以下でいろいろ試せます。

10K Apart