標準のINPUTを拡張してフォーム入力を便利にする「inputEx」:phpspot開発日誌
inputEx Documentation - Examples 標準のINPUTを拡張してフォーム入力を便利にする「inputEx」。 input 入力の際に、数値Onlyや、Validate機能、色入力機能、オートコンプリートを提供して、フォーム入力をより便利にするものです。 色入力 メールアドレスバリデーション。ＵＲＬやパスワードなんかもあり 階層型のツリーデータを入力 うまく導入してフォームのユーザビリティに役立てたいですね。 関連エントリ JavaScript製のフォームバリデータライブラリいろいろ 超クールなカレンダー型日付入力補助用JSライブラリ
階層ナビゲーション実装ライブラリ集:phpspot開発日誌
Multilevel Drop Down Navigation Menus: Examples and Tutorials Navigation menus are the most important element one should pay attention when designing a website. 階層ナビゲーション実装ライブラリ集をまとめたエントリが公開されていたので気になったものをいくつか紹介。 JavaScriptなどを活用して、マウスホバー/クリック時に開閉するおなじみのＵＩがいっぱいです。 Drop Down Tabs (5 styles) Professional Dropdown FastFind Menu- Mootools Unlimited Drop Menu Creating an Outlook Navigation Bar 全部見る デザイン
画像に鏡面効果を与えるreflection.js[to-R]
画像に鏡面効果を与えるreflection.js reulection.jsは画像に鏡面効果を与えるjsライブラリになります。 このライブラリを使用すれば、画像を加工することなく画像の下に鏡に反射したようなエフェクトが追加されます。 設置方法 ダウンロードしたreulection.jsをhead要素などで読み込みます。 <script tyle="text/javascript" src="./reflection.js"><script> エフェクトを追加したい画像のclass名にreflectを設置します。 <img src="[画像]" alt="" class="reflect" /> これだけで鏡面効果が与えられます。 サンプル 初期段階で画像が作るのが困難な場合や、背景が設定されている場合はこのライブラリを使えば効率的に作業ができるでしょう。 rheight20～80のクラス名
![画像に鏡面効果を与えるreflection.js[to-R]](https://cdn-ak-scissors.b.st-hatena.com/image/square/a9717624309e36a795026e1b70982163687ccca2/height=288;version=1;width=512/https%3A%2F%2Fblog.webcreativepark.net%2Ficon_200x200.png)
まるでphotoshop！JavaScriptで実装するクールなカラーピッカー[prototype.js]
完全にphotoshopと同様の機能 以下にサンプル。 サンプルデモ どうみても使い慣れたピッカーにしか見えない。 すごいのがドラッグとか色々できて、スムーズに色も変化していく点。 実物と比較しても違いがほとんどありません。 対応ブラウザも多数 この作者のエントリから、対応ブラウザが公開されていました。 ・IE5.5 ・IE6 ・IE7 ・firefox2 ・Opera 9 ・Safari 2 幅広いカバー率です。 でも、1つだけ問題。 一応ダウンロードしてローカルで確認したところきちんと動きましたが、またもや私のレンタルしているサーバーにアップしても動かないと言う症状が現れました。 ただ、使える人も多数いるようなので、ご紹介だけはしておきますね。 皆さんも一応使うときはご確認を。 ダウンロードは以下ページの以下の画像を参照してください。 PhotoShop-like JavaScript
![まるでphotoshop！JavaScriptで実装するクールなカラーピッカー[prototype.js]](https://cdn-ak-scissors.b.st-hatena.com/image/square/0f7ff3e81a481ca36d6432fa22ee1f544c37b513/height=288;version=1;width=512/https%3A%2F%2Fblog-imgs-21.fc2.com%2Fe%2F0%2F1%2Fe0166%2F200805061422.jpg)
Timeout your Mouseovers
This is a fun effect I built for Chowhound that does one better for mouseovers. The problem with most menu systems is that they’re really touchy whether you’re too fast or slow with the mouse. The trick is to use a timeout with the effect, so it will wait a fraction of a second to pop-up, and a fraction of a second to go away…just enough to make the effect feel solid and not finicky. I won’t take
MOONGIFT: » ソースコードをもっと見やすく「SHJS」:オープンソースを毎日紹介
元々テキストエディタやIDEで開発している際にはソースコードはハイライト表示されている。何も色分けされていない状態に比べて、その方が見やすいのは誰もが知っているところだろう。 ではサイトにコードを掲載する場合はどうか。手作業で色分けなどとてもできないだろう。ツールを使ってやるのが一番だ。 今回紹介するオープンソース・ソフトウェアはSHJS、JavaScriptによるソースコードハイライタだ。 SHJSが対応するプログラム言語は20種類以上。C/C++/C#/CSS/HTML/Java/JavaScript/Perl/PHP/Python/Ruby/SQL/XML等の基本的なものに加え、ChangeLog/Flex/LaTeX/Log files/M4/Makefiles/Shell等にも対応する。 各言語別にJavaScriptファイルが分かれており、必要なものだけ読み込む事でそれ程重くな
Yahoo! User Interface Library - YUI
YUIをはじめよう： Yahoo!® User Interface Library (YUI)とは、その名の通りYahoo!が提供しているDHTMLやAJAXを使ってアプリケーションを作るためのライブラリーです。このライブラリーは、BSDライセンスのもと誰でも無料で利用することが可能です。 では早速、YUIで用意されている以下のクラスを個別に見ていきましょう レビュー： Event onClickやonSelectなどのイベントハンドラーを共通的に扱うユーティリティー Dom Collection DOM スクリプティングを簡単に共通的に扱うユーティリティー Connection Manager AJAXを行うためのユーティリティー Drag and Drop ドラッグ＆ドロップ可能な要素を作るためのユーティリティー Animation 指定した通りに要素を動かしたり、視覚的効果を追加する
Ajaxian
Looking for information about Informa TechTarget products and services? The commercial homepage has moved. Visit Informa TechTarget News 04 Aug 2025 / AI Platforms Thomson Reuters intros agentic AI Deep Research system The AI platform uses the company's legal content and tools, such as Westlaw Advantage. 04 Aug 2025 / HR Administration Technology SAP hopes SmartRecruiters buy will bolster SuccessF
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
[JS]パネルを切替可能なタブ型コンテンツ、7つの実装例