jQuery UI Bootstrap
A preview of the jQuery UI Bootstrap themejQuery UI Bootstrap A Bootstrap-themed kickstart for jQuery UI widgets (v0.1) Welcome! This is a live preview of new the jQuery UI Bootstrap theme - a project I started to bring the beauty of Twitter's Bootstrap to jQuery UI widgets. With this theme, not only do you get the ability to use Bootstrap-themed widgets, but you can now also use (most) of Twitter
select ボックスを超便利にしてくれユーザビリティ向上に使える「jQselectable」:phpspot開発日誌
select ボックスを超便利にしてくれユーザビリティ向上に使える「jQselectable」がGoogle Codeに公開されています。 jQというだけあって当然ながらjQueryプラグインの形式です。 適用前の普通のSelect ボックスが便利に変化します 都道府県の縦に長かったものが横方向に超分かりやすく表示 日付も次のように超分かりやすいセレクトに。縦に長いのとはもうオサラバできそうです。 更に、コールバック関数によってクリックした後の動作も定義できるっぽいです。 はじめから日本対象という点でも使いやすいですね。 実装も、jQueryプラグインなので超使いやすいです。 次のように初期化するだけのようです。 $(".simpleBox").jQselectable({ set: "fadeIn", setDuration: "fast", opacity: .9 }); 以下のエント
ユーザ体験向上に役立つフォームのバリデーションスクリプトいろいろ - Feel Like A Fallinstar
エラーを減らし、より快適にフォームの入力を行ってもらうのは、コンバージョンを持つウェブサイトにとっての必須課題。 根本的にはインターフェース設計やエラー画面の設計、あるいはフォーム前の意欲醸成が大事なのですが、最近ではバリデーション絡みのJavaScriptのライブラリがかなり整理されてきました。 あんまりこのブログでスクリプト紹介とかはやらないのですが、たまたま丁度dzineblogで紹介があったので、備忘録的に。 JQueryを使ったスクリプト ■ A jQuery inline form validation 画像無しで利用できるスクリプトです。 ※CSS3を使っているので、ブラウザによっては角丸などのイフェクトの見え方が違ってしまうのがもったいないです。 ■ Valid8 - An input field validation plugin for Jquery デモページをち
开云体育平台app-娱乐最新版(官方认证)欢迎您
服务器错误 404 - 找不到文件或目录。 您要查找的资源可能已被删除，已更改名称或者暂时不可用。 XML 地图
何を入力したかが分かるiPhoneスタイルのパスワード入力フィールド実装jQueryプラグイン:phpspot開発日誌
Better Password Inputs, iPhone Style | CSS-Tricks 何を入力したかが分かるiPhoneスタイルのパスワード入力フィールド実装jQueryプラグイン。 サイトのpasswordフィールドに入力すると、●●●といった感じで何を入力したか分からないまま文字入力が進んでいいます。 iPhone では、入力した最後の文字については分かるようなインタフェースになっていますね。 これと似たような仕組みを通常のWEBサイトでも実現出来るようにしたjQueryプラグインです。 passwordフィールドに入力をすると、右側に大きく、アルファベットがアニメーション表示されます。 デモページを開く 使い方は以下のように簡単。 $('#user-password-2').dPassword(); このプラグインで、非常に簡単にユーザビリティをあげることが出来そうです
iPhoneスタイルのチェックボックスをjQueryで簡単実装:phpspot開発日誌
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を
タブ、ツールチップなどクールなＵＩコンポーネント実装jQueryプラグイン「jQuery TOOLS」:phpspot開発日誌
タブ、ツールチップなどクールなＵＩコンポーネント実装jQueryプラグイン「jQuery TOOLS」 2009年06月16日- jQuery TOOLS - The missing UI library for the Web タブ、ツールチップなどクールなＵＩコンポーネント実装jQueryプラグイン「jQuery TOOLS」。 同様のライブラリは他にあるかもしれませんが、アニメーションや見た目の点で非常に洗練されていて覚えておく価値アリなものになってます。 Expose 該当部分だけを目立たせることが出来る ↓↓クリックするとクリックした位置以外がグレー表示になります Tooltip イカしたスタイルがかかったツールチップ Tab 綺麗なタブUI Overlay LightBox風のページ内ウィンドウ実装 Scrollable 少ないスペースでコンテンツをスクロールするウィジェット実
無限に回転するカルーセルＵＩ実現用jQueryプラグイン実装チュートリアル:phpspot開発日誌
jQuery Infinite Carousel | jQuery for Designers - Tutorials and screencasts 無限に回転するカルーセルＵＩ実現用jQueryプラグイン実装チュートリアル 次のような、最後のアイテムに移動しても、最初に戻る無限に回転するカルーセルを作成していくチュートリアルが公開されています。 スクリーンキャストで、作成の過程についても紹介されていて、分かりやすい。 単純に誰かの開発環境を覗くという意味でも勉強になりそう。 更に、図入りで、仕組み・コードについて紹介する形のチュートリアルになっています。 関連エントリ ナビゲーションメニューを1歩進んだものに引き上げるjQueryチュートリアル集 jQueryやPHPを使った便利な仕組みのチュートリアル集 jQueryクライアントとPHPサーバ間をJSONで結ぶチュートリアル
アイコン付きタブが可愛いアニメーションメニューを実装するチュートリアル:phpspot開発日誌
jQuery Tabbed Interface / Tabbed Structure Menu Tutorial | Queness アイコン付きタブが可愛いアニメーションメニューを実装するチュートリアル。 次のような美しいUIと共に、クリックするとアニメーションしながらメニューが切り替わるナビゲーションの作成チュートリアル。 デモページ HTML,CSSの構成についても分かりやすく解説されています。 JavaScriptはjQueryを使って実装されているみたいです。 サイトのサイドメニューとして置くと、スペースが有効活用できるだけでなく、オシャレ感を出すことができそうです。 関連エントリ 滑らかにアニメーション動作してナビゲーションにも使えそうな1KBのアコーディオンＵＩ ナビゲーションのUIはこれで完璧かもなjQueryプラグイン集 デザインの参考になるユニークなナビゲーション集 j
[JS]設置が簡単なパネルをスライド表示させるスクリプト -Slide box
divで実装したパネルをページの上部から、スムーズなアニメーションでスライド表示させるスクリプト「Slide box」を紹介します。
Microsoft - AI、クラウド、生産性向上、コンピューティング、ゲーム、アプリ
すべての Microsoft 製品 Global Microsoft 365 Teams Copilot Windows Surface Xbox セール 法人向け サポート ソフトウェア Windows アプリ AI OneDrive Outlook Skype OneNote Microsoft Teams PC とデバイス Xbox を購入する アクセサリ VR & 複合現実 エンタメ Xbox Game Pass Ultimate Xbox とゲーム PC ゲーム Windows ゲーム 映画とテレビ番組 法人向け Microsoft Cloud Microsoft Security Azure Dynamics 365 一般法人向け Microsoft 365 Microsoft Industry Microsoft Power Platform Windows 365 開発者
jQueryやPHPを使った便利な仕組みのチュートリアル集:phpspot開発日誌
9lessons: jQuery and Ajax best 9lessons. jQueryやPHPを使った便利な仕組みのチュートリアル集。 9lessonsというサイトがあって色々便利な仕組みのチュートリアルが公開されています。 Twitter Like More Button with jQuery and Ajax. 「もっと読む」をajaxで実現するサンプル Exactly Twitter like Follow and Remove buttons with jQuery and Ajax Twitter風のフォロー、削除ボタンを実現するサンプル Delete a Record with animation fade-out effect using jQuery and Ajax. 行を削除してフェードアウトアニメーションをさせるサンプル jQuery Username Av
水平方向のjQueryアコーディオンメニュー – creamu
dev.portalZINEというサイトで、水平方向のjQueryアコーディオンメニューが紹介されています。 メニューにマウスオーバーすると、コンテンツが切り替わりますね。 デモは以下から。 » Horizontal Accordion Examples Hi. How are the license on this thing? Can I use it for a commercial project? Ofcouerse will I leave the copyright notes in the files. Thanks for a great script and keep up the good work 😉 との質問に対して、 Hi, sure you can use it on your commercial projects, but a donation woul
フォームデザインを完成させるjQuery plugin「jqtransform」
今まで様々なjQueryを使ったプラグインを紹介してきましたが、今日紹介する「jqtransform」は今まで紹介した物と少し違っていて、フォームのデザイン補助してくれると言うものです。 CSSなどでデザインせず、普通にフォームを制作した場合上記のように利用OSに準拠したプルダウンメニューやボタンなどが表示されます。このプラグインを使えば上機能なありきたりなフォームデザインを施す事が可能です。変更後のデザインは以下の通り 詳しくは以下 デザインだけでなくプルダウンもアニメーションがついていたりと細かな部分も配慮されています。実装方法は簡単、jQueryとプラグインを読み込んで、フォームにクラス指定をしてあげるだけになっています。デザインはCSSで制御しているみたいなので、個別のカスタマイズできるようになっていますので、使い勝手が良いかと思います。これならDemoで表示されているデザインが気
[JS]ナビゲーションの現在位置の表示を自動で変更するスクリプト
ナビゲーションの現在位置を取得し、要素にクラス（activeなど）を追加してデザインを変更するスクリプトをCSS newbieから紹介します。 <textarea name="code" class="html" cols="60" rows="5"> $(document).ready(function() { if(location.pathname != "/") { $('#nav a[href^="/' + location.pathname.split("/")[1] + '"]').addClass('active'); } else $('#nav a:eq(0)').addClass('active'); }); </textarea>
idTabs
Psst, here's beta copy of idTabs 3.0. Email me if you have questions. Version 2.2 Here's what's new. Changed option 'return' to 'change' Removes confusion with javascript's return Added ability to dynamically add idTabs The most requested feature Added 'selected' class option More freedom rules! Added ability to change defaults Now you can select no tab to be shown at start Bind idTabs to differen
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
jQueryで作るメガメニュー – creamu
http://e0166nt.com/blog-entry-677.html
jQuery、長いドロップダウンリストをインクリメンタルに検索するものを書いた - <s>gnarl,</s>技術メモ”’<marquee><textarea>￥
JavaScriptでHTMLフォームの劇的ビフォアアフター「Jqtransform」:phpspot開発日誌