120％楽しむコツを伝授！丸ビル3・4F『TSUTAYA BOOKSTORE MARUNOUCHI』で過ごす5の時間
丸の内を楽しむ、今を届けるポータルサイト
120％楽しむコツを伝授！丸ビル3・4F『TSUTAYA BOOKSTORE MARUNOUCHI』で過ごす5の時間
Fading Links | JavaScript Examples | UIZE JavaScript Framework
In this example, the Uize.Widget.HoverFader widget class is being used to add a JavaScript animation color fading effect to the links in five different menus (seen below). An instance of Uize.Widget.HoverFader is created for each menu. Each instance manages the color fade effect for all the links in a menu, allowing each menu to have different effect settings. Mouse over the links in the menus to
Flash不要！JavaScriptで派手なWebデザイン
ブラウザーいっぱいに広がる鮮やかなグラフィック。フェードインでゆっくりと出現する写真画像。スクロールしながら画像に重なっていく半透明のテキストボックス――思わず見とれてしまう、キャンペーンサイトなどでおなじみの“派手なWebサイト”は、フルFlashが一般的だ。「Flashはよく分からないし、そもそもオーサリングツールもない」という個人サイトの制作者はあきらめるしかなかった。 パリ在住のフリーコンサルタント／Webデザイナー「Sebcreation」のWebサイトは、そんな常識を打ち破ることに挑戦している。まずはトップページを見てみよう。 おなじみのローディングアイコン、上下右左から次々とスライドしてくる半透明のテキストボックス……といったダイナミックなデザインに、「またFlashか」と思わずつぶやいてしまうかもしれない。ところがSebcreationでは、アニメーション／エフェクト処理を
[JS]ナビゲーション画像にアニメーションのエフェクトをつける -CSS Sprite2
A List Apartのエントリーから、CSS Spriteを使用したナビゲーションに、マウスオーバー時にアニメーションのエフェクトをつける「CSS Sprite2」を紹介します。 CSS Sprites2 - It's JavaScript Time demo 5 demo 6 CSS Spriteとは、スタイルシートで一枚の画像から複数箇所に配置をしたり、マウスオーバー時の画像指定を行うものです。 CSS Sprite2は、そのCSS Spriteにスクリプトを使用して、アニメーションのエフェクトつけたものです。 使用するスクリプトは、デモではjQueryが使用されていますが、PrototypeでもYUIなど他のスクリプトでも実装は可能です。 CSS Sprite2のベースとなっているのは、下記ページとのことです。
Interface elements for jQuery - About Interface
Interface is a collection of rich interface components which utilizes the lightweight JavaScript library jQuery. With this components you can build rich client web applications and interfaces with the same simplicity as writing JavaScript with jQuery. The collection is dual licensed with the MIT license and the GPL, which basically means you can use it for free for both non-commercial and commerci
JavaScript Tabifier automatically create an html css tabs interface
JavaScript tabifier Automatically create an HTML tab interface using plug-and-play JavaScript. Features Converts your HTML into a dynamic tabbed interface. Does not require you to set up a list of links, or anchors for the tabs. Plug and play: no need to know JavaScript, just make a few simple changes to your HTML. Use CSS to customize the appearance of the tabs. Gracefully degrades if JavaScript
たった6行でWebサイトのUIをガラッと変える (3/3)
前ページで紹介したASCII.jpの記事のサンプル ■<head>～</head>に追加 <script type="text/javascript" src="library/prototype/prototype.js"></script> <script type="text/javascript" src="library/scriptaculous/effects.js"></script> <script type="text/javascript" src="library/cookiemanager/cookiemanager.js"></script> <script type="text/javascript" src="library/bookreader/bookreader.js?theme=default"></script> ■<body>～</body>の例
Sencha Ext JS - Comprehensive JavaScript Framework, UI Components
Build data-intensive applications using JavaScript Ext JS is a comprehensive JavaScript framework that lets you build cross-platform web and mobile applications for any modern device.
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Tomoyuki Sakakida Works | SHINSOKEN
http://www.designwalker.com/2009/01/slide.html
moo.fx
Deziner Folio» Blog Archive » Simple Javascript Accordions
Apple風のインターフェイスを実装するチュートリアル集
glider.js Example