けSERAせらせらせら: 2010/06/01

水曜日, 6月 30, 2010

愛嬌のあるロボット

こんなロボット、作りたいなぁ。

折り紙ロボット

自動でいろいろな形に折られる、折り紙ロボット。

火曜日, 6月 29, 2010

AT-ATウォーカー　カワロボ

月曜日, 6月 28, 2010

奇跡的な美しすぎる神様の芸術

金曜日, 6月 25, 2010

jQueryのプラグイン33+1選

simpleSli.de
フレキシブルでシンプルで軽量なコンテンツスライダーの決定版。

Lightbox_me
DOM要素を指定して拡大表示できるLightbox。

jQuery modalBox
画像やAJAXに対応したドラッグで移動も可能なオープンソースのモーダルボックス。

jQuery.popeye 2.0
モーダルウインドウを使用しないインライン型の画像拡大スクリプト。

Zoomooz.js
ページ内のあらゆる箇所をアニメーションでズーム表示。

Cloud Zoom
さまざまなスタイルで画像を拡大表示。

Featured Image Zoomer
マウスの動きに合わせて、画像の一部を拡大表示。

Micro Image Gallery
小さいスペースにも設置できる画像ギャラリー。
キャプチャは実物大。

jbgallery 2.0 BETA
背景をダイナミックにギャラリーとして活用。

jqFancyTransitions
短冊状のアニメーションでスライドする画像ギャラリー。

Coin Slider
ユニークなエフェクトで画像を切り替えるギャラリー。

jCoverflip
クリックでもドラッグでも動作するカバーフリップ。

jSquares
グリッド状に画像を配置して、キャプションを表示。

jQuery.spritely
任意の要素や背景をアニメーション。

Circulate
円の軌跡とイージングを使用してあらゆる要素をアニメーション。

Shadow Motion Effect in 5 Lines
残像っぽく不透明度をアニメーション。

AjaxScroll
垂直・水平に対応したAJAXコンテンツのスクロール。

prettyLoader
AJAXコンテンツを読み込む時のローダー。

Loading Dots
ローディングの「….」をアニメーション。

Spinner
カスタマイズが簡単なシンプルなローダー。

BubbleUp
アイコンをふんわりと拡大。

Slick Drop down Menu with Easing Effect
滑らかなアニメーションを備えたドロップダウン。

Dynamic Page / Replacing Content
JavaScriptがオフでも遷移するタブコンテンツ。

TTabs
タブになる要素を自由に指定できるタブコンテンツ。

Pajinate
長いリストやコンテンツをフレキシブルにページネーション化。

Easy List Splitter
リストを水平・垂直に自由に配置。

Narrative Select
セレクトボックスをスタイリッシュに。

jConfirmAction
confirmボックスをキュートにデザイン。

HoverAttribute
ホバーでテキストリンクのhrefやtitleのデータを表示。

AutoTabIndex
設定した文字数を超えると、自動で次の入力欄へ移動。

The Footer Plugin
コンテンツの量が少なくてもフッタをブラウザの下部に表示。

Griddy
ページにグリッドを表示し、サイズを自動で算出。

jHTML-Ipsum
CSSやJavaScriptのテスト・確認用にHTMLのあらゆる要素を自動で生成。

スムーズページスクローラー

木曜日, 6月 24, 2010

きゃわいいーーっ、ねこの、ぴちゃぴちゃ

よいっしょ、よいしょ、

このお水で手を洗ってっと、

そして、あれ、頭まであらっちゃったぁぁぁ。

金曜日, 6月 18, 2010

この歩き方がなんとも言えない、いい感じのロボット

勝手に自分で並び変えてくれる机（ロボット）

NASAのアメーバロボット

ちょっと前だけど...WALL-E

木曜日, 6月 17, 2010

ライブドア画像検索に名前を入れると、興味がわかる

先日、ライブドアがNeverと提携して、画像検索が変わりました。

さっそく、いろいろ試したついでに、まさか、と思いながら自分の名前を入れてみました。

すると、どこで、どう関連付けられたかわかりませんが、不思議と自分の興味がありそうなものの画像がでてくるのです。

なにはともあれ、お試しください。

（私は、ライブドアファン！　というわけではありませんが...）

ライブドア

土曜日, 6月 12, 2010

jQueryでいい感じのコンテンツスライダーを作成するチュートリアルとサンプル

Create a Custom Content Slider with jQuery

jQueryでいい感じのコンテンツスライダーを作成するチュートリアルとサンプル。
次のように、左側にボタンがあって押すと右側のコンテンツがアニメーションで切り替わるコンテンツスライダーの実装チュートリアルとサンプルが公開されています。

サイドバー等に仕込むことで少ないスペースで多くの情報を格納することが出来る上になかなかクールな印象を与えられそうですね。
簡易チュートリアル的なコンテンツを載せる場合なんかに使えそうです。

関連エントリ

木曜日, 6月 10, 2010

CSSでドロップダウンリスト

CSSのだけでドロップダウンリストができる。http://www.lwis.net/free-css-drop-down-menu/

単純な水平
詳細/究極の水平
Flickrのフルテーマ

ゴージャスなテーマを模倣

火曜日, 6月 08, 2010

とても洗練されたＵＩの日付ピッカー＆カレンダー集

Beautiful datepickers and calendars for web developers

とても洗練されたＵＩの日付ピッカー＆カレンダー集のエントリが紹介されていましたのでピックアップ。
日付入力も便利だけでなく、クールに行えます。

datepicker
シンプルだけどクールなカレンダー

jquery datepicker
From〜Toが指定できるカレンダー

Calendar
立体的でクールなＵＩ

jPint
iPhoneっぽいＵＩ

全部見る

これで自前でGoogleカレンダーを持てる！jQuery＆PHPで実現されたプログラム

Plugins | jQuery Plugins

これで自前でGoogleカレンダーを持てる！jQuery＆PHPで実現されたプログラム。
なかなかリッチなUIとGoogleカレンダーばりの操作性を持つ便利なスクリプトになっています。
Googleカレンダーに登録するのもよいのですが、ちょっと外部に流したくないこととかも結構あるので、自前で構築したいというニーズもあるのではないでしょうか。