UIKitはWebアプリケーション向けのダイアログ、カラーピッカーといったコンポーネント群を提供するライブラリです。 最近、TwitterのBootstrapが人気ですが、同じようにWebアプリケーションをデザインする際に使えそうなコンポーネント群がUIKitです。 まずダイアログ系のコンポーネントです。 閉じるボタン付き。 グレーアウトしたダイアログ。 HTML埋め込みもできます。 カラーピッカーコンポーネント。 確認ダイアログ。 通知(右上)。自動的に消える設定もできます。 コンテクスト(右クリック)メニュー。 主なコンポーネントとしては、ダイアログ、確認ダイアログ、カラーピッカー、クリックで回転するカード、通知、メニュー、ボタン式のドロップダウンとなっています。デザインがすっきりとしているので今風のWebアプリケーションに似合いそうです。 UIKitはHTML5/JavaScript
Androidでのパスワード入力時の インターフェースをWeb上で再現 するjQueryプラグイン・DontType のご紹介。マウスのみでパスを 入力するのでDontType!な訳です ね。IEには完全に非対応ですが、 なかなかユニークなプラグインです。 土曜日なのでややネタ的。IEは完全非対応(canvas使ってるようです)、といっても、通常のパスワード入力になるだけなのでモダンブラウザの方だけ楽しめます(?)。 こんな感じ。Androidユーザーの方なら分かりますよね。僕は持ってないので画像検索しましたw 丸い部分をマウスでクリックしてパスワードを入力するのでタイプする必要がないんですね。 使い方<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.mi
使いどころは難しいですが、面白いユーザインターフェイスを備えた画像をスライド表示するカルーセルのスクリプトを紹介します。 デモ3:画像をクリックすると拡大します。 Tiny Circlesliderの特徴 わずか4KBの軽量スクリプト。 カスタマイズは簡単。 スライド操作は手動と自動に対応。 スライドの半径は自由に設定可能。 すべての動作にcallbackを設定可能。 オプションも豊富に用意。 [ad#ad-2] Tiny Circlesliderの実装 HTML カルーセルで表示する各画像はリスト要素で実装します。 HTMLの基本は下記のようになります。 <div id="rotatescroll"> <div class="viewport"> <ul class="overview"> <li><a rel="group" href="images/hdr1.jpg"><img sr
25 Creative Single Page Websites With Awesome JavaScript Effects 一見の価値ありな、1ページのJSサイト集がまとまってます。 1ページとはいえ、JSでページを1ページ内でスクロールするのでコンテンツは複数ページと同等です。 アイデアが秀逸なものが多くて感心するものが多いです MelissaHie ページがパネル風に分かれていて、ページ全体がダイナミックに移動するサイト DanteStyle 横にズラッとページが配置されていてアニメーションで切り替わる Webleeddesign ページが縦にスクロールされるのですが、そのアニメーションがなかなか秀逸です。 Howarths ページをめくる風のUIが実現されてます。 他にも色々あるので真似してみるのもよさそうですね。
Version 1.1.0. September 03 / 2009: A major upgrade Smaller, faster, richer and more stable After ten weeks of creative free time and two months of hard work it's time to shake up the web again. This version of jQuery Tools is even smaller than before: 5.68 kB of (pollution free) web engine fuel. This was possible by stripping the non-essential parts of the tools into separate modules. Now jQuery
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く