This domain may be for sale!
Auto Completion has become one of the coolest user interaction element in websites lately and most of the famous sites from google, youtube to msn have auto completion based search boxes.so this time i’ve Collected 20+ Ready to Use Auto Completion Scripts vary from CSS,Ajax based, mootools and jQuery with cool Animation . which you can easily incorporate into your future designs. Hope you like the
コンピュータに指定フォントが入ってるかチェックできるjQueryプラグイン「jquery-fontavailable」 2009年07月06日- jquery-fontavailable - Google Code コンピュータに指定フォントが入ってるかチェックできるjQueryプラグイン「jquery-fontavailable」。 ページの font-family でフォントタイプを指定したりしますが、そのフォントが入ってるかどうかを調べて挙動を変えることができるjQueryプラグインが存在するようです。 $(document).ready(function() { if($.fontAvailable('tahoma')) { // フォントが存在したら行う処理 } else { // フォントが存在しなかったら行う処理 } }); 動作のメカニズムとしては、まず、ダミーのhidde
Introduction I was surfing website and searching for inspirations and I stumbled upon digg.com. I discovered a small utility on every single post, the share link. Yes, I want to implement that, it looks cool, practical and useful! So, this tute, we are going to make a digg-style post sharing toolbox. It's all pretty straight forward and need a little bit of planning. The way it works is different
How to Make a Slideshow with a Transparent PNG Frame Today’s tutorial is headed back to the basics. We’re focusing on a common question for those inexperienced to working with layered PNG’s in web layouts. The end result probably won’t do much new to excite veterans, but it will hopefully save you a headache in the long run — especially if you’re new to the idea. Side Note: The slideshow today was
Smashing Magazine - WE SMASH YOU WITH THE INFORMATION THAT WILL MAKE YOUR LIFE EASIER, REALLY. Smashing Editoria氏がSmashing Magazineにおいて50 Fresh JavaScript Tools That Will Improve Your Workflowのタイトルで50のJavaScriptに関連したツールやライブラリを紹介している(実際には51)。RIA開発においてJavaScriptは重要な地位を占めつつあり、適切な開発ツールやライブラリ、フレームワーク、プラグインを選択することは、迅速で効果的な開発を実現するために欠かせない。紹介されているツールやライブラリは次のとおり。 JavaScriptツール FireUnit (Firebug向けJavaScrip
Form Design フォームデザイン さてさて、最近のwebの入力フォームは本当に凝ってるところが多くて、ただただ関心するばかり。 そんなわけで今回は、焦点を『フォーム』に限定し、スタイル抜群なフォームUIを勉強してみたい。 流れ的には インスピレーションデザイン集CSSによるフォームの変更方法JavaScriptによるフォームデザインという感じでお送りいたします。 インスピレーション まずは、スタイリッシュなフォーム。 これらは、webデザイン全体がフォームデザインとなっているまとめです。 まさにバインダー。 webの入力フォームを街頭アンケート用紙のように仕上げたデザイン。かっこいい。 くしゃくしゃっとしたような紙の一部にフォームが設置されている。 こちらもメモに名前を書くかのごとく。 深海に光がさす感じのイメージ。 シンプルイズベストなレイアウト設計がなされている。 1,2,3,
背景画像にアニメーションのエフェクトを加え、カラーをゆっくりと変更してサイトの印象をガラッと変えるスクリプトをYOU LOVE.USから紹介します。 <textarea name="code" class="js" cols="60" rows="5"> $(function() { // *** // Scrolling background // *** // height of background image in pixels var backgroundheight = 4000; // get the current minute/hour of the day var now = new Date(); var hour = now.getHours(); var minute = now.getMinutes(); // work out how far through
Die Evolution des Webdesigns: Von Tabellen-Layouts zur KI-gesteuerten Experience Webdesign hat sich von statischen Informationsseiten zu lebendigen, KI-gestützten Ökosystemen entwickelt. Wer heute im digitalen Raum bestehen will, muss die Balance zwischen technischer Perfektion und emotionalem Storytelling finden. Ein persönlicher Rückblick auf mehr als zwei Dekaden Webentwicklung – von den ersten
jQuery Infinite Carousel | jQuery for Designers - Tutorials and screencasts 無限に回転するカルーセルUI実現用jQueryプラグイン実装チュートリアル 次のような、最後のアイテムに移動しても、最初に戻る無限に回転するカルーセルを作成していくチュートリアルが公開されています。 スクリーンキャストで、作成の過程についても紹介されていて、分かりやすい。 単純に誰かの開発環境を覗くという意味でも勉強になりそう。 更に、図入りで、仕組み・コードについて紹介する形のチュートリアルになっています。 関連エントリ ナビゲーションメニューを1歩進んだものに引き上げるjQueryチュートリアル集 jQueryやPHPを使った便利な仕組みのチュートリアル集 jQueryクライアントとPHPサーバ間をJSONで結ぶチュートリアル
Introduction Alright, just before we start, you might want to read this post - Dock Content Tutorial with jQuery and jQuery Easing Plugin. That tutorial teaches us how to create a dock at the top of a website. I have received many requests in the comment section and my emails, so I have decided to make a revisit. In this tutorial, we're going to learn how to make it dock at the bottom. However, we
jQuery Tools is a collection of the most important user-interface components for today's websites. This single JavaScript file weighs only 5.8 Kb Tabs is the most popular JavaScript tool on the web. Tabs, horizontal tabs and accordions, finally done the right way. Great looking tooltips. Big or small. Pluggable effects. Yet another crucial tool. Visually appealing overlays. This tool is a signific
Introducing iPhone-style Checkboxes iPhoneスタイルのチェックボックスをjQueryで簡単実装。 次のようなiPhoneに使われているようなUIのチェックボックスを実装するライブラリが公開されています。 使い方は次のように、$(エレメント).iphoneStyle() という風に初期化するだけという簡単さです。 <script type="text/javascript" charset="utf-8"> $(document).ready(function() { $(':checkbox').iphoneStyle(); }); </script> 微妙にアニメーションする部分も芸が細かくていいです。 関連エントリ iPhone/iPodTouch風のON・OFFスイッチをJavaScriptで作成しよう iPhoneのロック解除の際のあのUIを
タブ、ツールチップなどクールなUIコンポーネント実装jQueryプラグイン「jQuery TOOLS」 2009年06月16日- jQuery TOOLS - The missing UI library for the Web タブ、ツールチップなどクールなUIコンポーネント実装jQueryプラグイン「jQuery TOOLS」。 同様のライブラリは他にあるかもしれませんが、アニメーションや見た目の点で非常に洗練されていて覚えておく価値アリなものになってます。 Expose 該当部分だけを目立たせることが出来る ↓↓クリックするとクリックした位置以外がグレー表示になります Tooltip イカしたスタイルがかかったツールチップ Tab 綺麗なタブUI Overlay LightBox風のページ内ウィンドウ実装 Scrollable 少ないスペースでコンテンツをスクロールするウィジェット実
Not your computer? Use a private browsing window to sign in. Learn more about using Guest mode
ブラウザから離れてアイドルになった時のイベントを簡単取得できるjQueryプラグイン「jQuery idleTimer plugin」 2009年06月08日- Paul Irish jQuery idleTimer plugin ブラウザから離れてアイドルになった時のイベントを簡単取得できるjQueryプラグイン「jQuery idleTimer plugin」。 idleTimer pluginを使えば、ブラウザ内で、しばらく操作しなかったり、別のウィンドウに移動して、最初使っていたブラウザをしばらく操作しない場合に、”アイドル状態”としてイベントを発生させることが出来ます。 逆に、アイドル状態からの復帰もイベントで取得できます。 // タイマーをミリ秒単位で初期化(10000だと10秒) $.idleTimer(10000); $(document).bind("idle.idleT
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く