マウスのホバー時に、光源がカーソルに追従するエフェクトがかっこいいスクリプトをcoders.meから紹介します。
[JS]ホバー時に光源が移動するエフェクトがかっこいいスクリプト
マウスのホバー時に、光源がカーソルに追従するエフェクトがかっこいいスクリプトをcoders.meから紹介します。
Top 15 JavaScript Plugins for Extending Your Web Forms - 1stWebDesigner
You can add tons of cool features onto your site with JavaScript. But there are so many libraries and plugins to choose from, it can be a drag finding the best options. If you’re designing custom forms like user signups/logins, contact pages, or settings pages, these plugins can add some extra dynamic features to jazz up your static input fields. Your Web Designer Toolbox Unlimited Downloads: 500,
Yahoo!UIの基礎まとめ [Javascript] All About
Yahoo!UIの基礎まとめAll about内で取り上げたYUI関連の記事とサンプルへのリンクをまとめて紹介します。 Yahoo! User Interface Library(YUI)は、Yahoo!が提供するJavaScriptライブラリで、Ajaxを含めたDHTMLのテクニックを使用することで、リッチで対話的なウェブアプリケーションを簡単に作成するためのユーティリティやコントロール群です。 YUIのAPIは、このグローバルな唯一のオブジェクト「YAHOO」の下に、すべてのライブラリが配置されており、 YUIと組み合わせる自分のプログラム内のメンバー各名称とが、衝突するかもしれないという心配や労力を省略し、 安心して利用することができる構成になっています。 ここでは、All About内で取り上げたYUI関連の記事へのリンクをまとめて紹介します。 Ajax YUIライブラリを使う準備
![Yahoo!UIの基礎まとめ [Javascript] All About](https://cdn-ak-scissors.b.st-hatena.com/image/square/8f530daf3cb408d6b6a0ba6f38ed7ccece36cffc/height=288;version=1;width=512/https%3A%2F%2Fimg.aacdn.jp%2Faa%2Fcommon%2Fogp300_300.png)
iPhone-like password fields using jQuery / DECAF Blog
or: Delayed password masking with JavaScript. ==This lib is deprecated. Sorry.== Jakob Nielsen recently asked us to Stop Password Masking: Usability suffers when users type in passwords and the only feedback they get is a row of bullets. Typically, masking passwords doesn’t even increase security, but it does cost you business due to login failures. useit.com/alertbox/passwords.html He suggests us
魅力的なUIにするためのjQueryプラグイン20 – creamu
Six Revisionsで、魅力的なUIにするためのjQueryプラグインが紹介されています。 ざっといくつかご紹介。 » SimpleModal シンプルなモーダルウィンドウ » Panel Gallery ユニークなトランジションを持つスライドショー » Easy Image Gallery サムネイル表示型のイメージギャラリー » PikaChoose Belvedere Incに見られるクールなギャラリー » SlideBox たくさんのリンクを表示できるスライドボックス » Single Drop Down Menu シンプルなドロップダウンメニュー » Mouse Over Animation for Text テキストにマウスオーバーすると、明度を変えてくれたりうにょ〜っと拡大してくれるエフェクト あまり見たことのないものやシンプルで使いやすそうなギャラリーなどが揃っていま
jQueryで作るリアルなホーバーエフェクト – creamu
これはすごい。思わずうなってしまった。 Adrian Pelletierさんのブログ&デザインポートフォリオサイトの記事です。 マウスオーバーすると、ふわっとアイコンが浮き上がって、マウスアウトですっと下に落ちます。 落ちた時のバウンドも実装されているので、有機的でとても気持ちいいですね。 デモは以下から。 » View Demo ぜひ見てみてください♪ » Create a Realistic Hover Effect With jQuery 昨日は会社のイベント。「2人のアートディレクター 仕事・生き方・考え方」というタイトルで、mountのイム・ジョンホさんとRAKU-GAKIの西田幸司さんにお話を伺いました。 懇親会でご挨拶させて頂いたんですが、刺激になりますね。
マウスホバーでハイライトするピュアCSSのメニュー作成サンプル:phpspot開発日誌
Active State in Navigation - CSS Navigation Tutorial - Active Navigation Tutorial CSS マウスホバーでハイライトするピュアCSSのメニュー作成サンプル。 次のように、マウスホバーで色が変わるメニューをJavaScript なしで実現します。 デモページ JavaScript を切っても動くということで、非javascript環境でもこの動作をさせたい方は参考に出来そうですね。 当然ですが、a と a:hover を使いつつ実装しているようです。 関連エントリ ナビゲーションのUIはこれで完璧かもなjQueryプラグイン集 デザインの参考になるユニークなナビゲーション集 ナビゲーションメニューを1歩進んだものに引き上げるjQueryチュートリアル集
WEBデザインに参考に出来そうなWEBデザインやパーツデザイン集:phpspot開発日誌
WEBデザインに参考に出来そうなWEBデザインやパーツデザイン集まとめ。 秀逸なデザインは沢山出てきていて、この瞬間もどんどん生まれているようで、順次、紹介していきたいと思います。 美麗WEBデザインのまとめ 20+ Sites Using Amazing Lighting Effects | Design Reviver 光をうまく使ったサイトデザイン集２０＋ 60+ Amazing Examples Of Illustrative Web Designs With Overview | Inspiration | instantShift イラスト風WEBデザインのまとめ 30 Clean and Bright Website Designs クリーンで明るい感じのサイトデザインまとめ３０ Beautiful Single Page Website Designs: 65 New Ex
jQueryでチェックボックスをすごい形にカッコよくしちゃう方法:phpspot開発日誌
jQueryでチェックボックスをすごい形にカッコよくしちゃう方法が紹介されていました。 具体的なデザインは以下。もうチェックボックスの原型がないという、面白くて分かりやすいＵＩに調整されています。 マークアップ上も、次のように綺麗になっています。 実際のタグは、不可視にしちゃって、jqueryによって、on/off を切り替えればいいわけですから、まさに何でもありで、参考にして他にも面白く、使いやすいデザインはいくらでも作れるかもしれません。 jQueryによるクロスブラウザ対応が出来るので、昔のように神経質になる必要もないですね。 詳細は以下のエントリから参照。 Pretty checkboxes with jQuery | Aaron Weyenberg
In-Field Labels: A Better Way + jQuery Plugin | Fuel Your Coding
Last week I was dealing with a unique problem. I needed to set focus to a username field, but the field had an in-field label. The script was set to clear outLast week I was dealing with a unique problem. I needed to set focus to a username field, but the field had an in-field label. The script was set to clear out the helper text (label) when the user entered the field. Hmm…. that won’t work! I r
iPhone Toggle Switches // Elijah Miller
Way back in June, Thomas Reynolds released iPhone-style-checkboxes for jQuery, a progressive enhancement for checkboxes which makes them into the beautiful iPhone toggle switches. I really like these switches on the iPhone so I went about finishing up his version for the Prototype framework. Of course, I couldn't help but add some new features along the way! You definitely need to read this articl
Animating Design Elements: 7 Unique & Creative Practices - noupe
We saw different methods and techniques that truly speak to the designer’s capabilities and creativity. A great way to distinguish yourself from the crowd is to have a truly unique user interface. Although there are many possibilities, you should carefully plan each project on its own. Not all techniques provide a solution for everything. Some of them are very helpful and easy to implement, but so
You should follow me on Twitter | Dustin Curtis
Hello average person, You should follow me on Twitter. A quick study exploring the power language has on clickthrough rates. July 14, 2009 I spend a lot of time thinking about how to improve user experiences. Sometimes, I take my ideas and create experiments to get hard data on user behavior. For the past few months, I have been performing an experiment on this site. At the bottom of most posts he
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
HugeDomains.com
DropCatch.com
Webデザインに使えるjQuery UIライブラリ – creamu
[CSS]１ピクセルの画像で、リストの構造をビジュアル化するスタイルシート
http://www.designwalker.com/2009/08/user-interface.html
IDEA * IDEA
マウスオーバーをデザインする | DesignWalker
