Should I Use A Carousel?
1% clicked a feature. Of those, 89% were the first position. 1% of clicks for the most significant object on the home page? nd.edu stats by @erunyon The target was the biggest item on the homepage - the first carousel item. “Nonetheless, the user failed the task.” nielsen norman Group “We have tested rotating offers many times and have found it to be a poor way of presenting home page content.” wi
Prototype extension: Showcase
Examples Requirements Markup and styling Initializing and available options Download About the author Examples Before going further, make sure you check out the examples for a quick view of the extension's functionality: Other examples Besides horizontal, there are 2 more layouts for the Showcase: Vertical Showcase Diagonal Showcase Requirements Showcase.js needs the Prototype JavaSc
[JS]画像だけでなく、テキストなども拡大表示できるスクリプト -AnythingZoomer
demo: calendar 仕組みは、通常表示用の画像・テキストとは別に、拡大表示用の画像・テキストを用意し、それをクリップして表示しています。 そのためデータが二重に実装するのが弱点です。 AnythingZoomerはjQueryのプラグインのため、実装にはjquery.jsが必要です。
[JS]パネルをペロッとひっくり返すスクリプト -QuickFlip 2
divで実装した2枚のパネルを使用して、裏表にペロッとひっくり返すスクリプトをJon Raaschから紹介します。 <textarea name="code" class="html" cols="60" rows="5"> <div class="quickFlip"> <div>表のパネル<br /> <a href="#" class="quickFlipCta">click to flip</a></div> <div>裏のパネル<br /> <a href="#" class="quickFlipCta">click to flip</a></div> </div> </textarea>
[JS]滑らかにスライドするナビゲーションを実装するチュートリアル
滑らかにスライドするアニメーションが軽快なナビゲーションを実装するチュートリアルをSoh Tanakaから紹介します。 Animated Navigation with CSS & jQuery demo デモでは背景の有無の2パターンで、どちらも滑らかにスライドするアニメーションが面白い効果を生み出しています。 ナビゲーションはリスト要素で実装されており、「overflow:hidden;」でマスクし、マウスのホバーでスライド表示させています。 <textarea name="code" class="html" cols="60" rows="5"> <ul id="topnav"> <li><a href="#">Home</a></li> <li><a href="#">Services</a></li> <li><a href="#">Portfolio</a></li> <li
45+ New jQuery Techniques For Good User Experience | Developer's Toolbox | Smashing Magazine
JavaScipt libraries have made huge leaps and bounds in helping developers write code and develop products more quickly. jQuery is one of the most popular JavaScript frameworks, with powerful tools that improve the user’s interaction with Web applications. jQuery has an additional advantage in that it allows developers to select elements on a page using CSS-like syntax. To help you take it up a not
ホーム - Kusudama
パスタ、小麦粉、豆腐、米、麺類、味噌などの基本的な食材を常備しておけば、健康的でおいしい料理を日替わりで作ることはできますよね。お米は、ほとんどの家庭の主食であり、多くの和食のレシピに使用されます。ここでは、みんなに人気でとても簡単に作れる「焼きおにぎり」を少しご紹介します。焼きおにぎりのオリジナルの作り方は、ただおにぎりを炭火で焼くだけです。炭火がないお家では、おにぎりを鉄プライパンで焼くこともできます。少し珍しい作り方にはなりますが、焼きおにぎりにさまざまな具材を入れてもOK。濃い黄色でカリッとしたおにぎりに味噌や醤油をかけると、より風味が出てとっても美味しくなりますよ。 実は、料理をテーマにしたオンラインカジノのスロットゲームは、驚くほどたくさんあります。食べ物からは誰もが良い刺激を受けるので、スロットマシンだけでなく様々なゲームにも採用されています。ここで一部の例を挙げると、Nin
AJAXを使った素晴らしいCSSフォームの47のサンプル | コリス
noupeにエントリーされている、AJAXを使った素晴らしいCSSのフォームの47のサンプルの紹介です。
Prototype.jsでiGoogleっぽいポータルな仕組みを作れるJSライブラリ「Xilinus」:phpspot開発日誌
Prototype.jsでiGoogleっぽいポータルな仕組みを作れるJSライブラリ「Xilinus」 2007年08月31日- var portal = new Xilinus.Portal("#page div")Xilinus : Prototype Portal Class I have always wanted to create a Class to handle in a easy way portal page like netvibes. After having tried to used Sortable of script.aculo.us, I decided to write my own Class. Prototype.jsでiGoogleっぽいポータルな仕組みを作れるJSライブラリ「Xilinus」。 Xilinus を使って、次のような、ドラッグ＆ドロ
Challenges of Interface Design for Mobile Devices
YUI Blog Development Challenges of Interface Design for Mobile Devices Challenges of Interface Design for Mobile Devices The single most important concept to master when designing mobile device interfaces is "context". The context in which an application is used and the context of how information is input are both key issues; each must be understood before a well crafted design may be implemented.
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Engadget | Technology News & Reviews
IDEA * IDEA
Windows ユーザー エクスペリエンス ガイドライン