[JS]ナビゲーション画像にアニメーションのエフェクトをつける -CSS Sprite2
A List Apartのエントリーから、CSS Spriteを使用したナビゲーションに、マウスオーバー時にアニメーションのエフェクトをつける「CSS Sprite2」を紹介します。 CSS Sprites2 - It's JavaScript Time demo 5 demo 6 CSS Spriteとは、スタイルシートで一枚の画像から複数箇所に配置をしたり、マウスオーバー時の画像指定を行うものです。 CSS Sprite2は、そのCSS Spriteにスクリプトを使用して、アニメーションのエフェクトつけたものです。 使用するスクリプトは、デモではjQueryが使用されていますが、PrototypeでもYUIなど他のスクリプトでも実装は可能です。 CSS Sprite2のベースとなっているのは、下記ページとのことです。
スライドインする垂直型メニューをCSS+Javascriptで作成するチュートリアル『Two CSS vertical menu with show/hide effects』 | CREAMU
DiaryTechnology スライドインする垂直型メニューをCSS+Javascriptで作成するチュートリアル『Two CSS vertical menu with show/hide effects』 スライドイン&アウトするメニューが作りたい。 そんなあなたにおすすめなのが、『Two CSS vertical menu with show/hide effects』。スライドインする垂直型メニューをCSS+Javascriptで作成するチュートリアルだ。 このエントリーでは、シンプルなjsでクリックすると現れるメニューと、mootoolsを使ってスライドイン&アウトするメニューの2つが紹介されている。 デモはこちら↓。 » Live preview ソースコードも公開されているので、すぐに実装可能だ。 スライドインする垂直型メニューをCSS+Javascriptで作成するチュート
Ajaxの日本語メールフォーム·AjaxMail MOONGIFT
メールフォームを作るのに大掛かりなアプリケーションは必要ない。個人的にはこうしたときにもっとも便利なのはPHPだと思う。手軽にWebアプリケーションが作成できるのが便利だ。 だが、単なるメールフォームではユーザの満足は得られない。ちょっと工夫したフォームこそ受けがいい。 今回紹介するフリーウェアはAjaxMail、Ajaxを使ったメールフォームスクリプトだ。 AjaxMailは日本人エンジニアのアプリケーションで、日本語が問題なく扱えるのが魅力だ。提供されるスクリプトも、シフトJIS、EUC-JP、UTF-8と各種エンコード向けが作られている。 Ajaxを使っているので、画面遷移がなくスムーズに操作できるのが魅力だ。郵便番号補完機能もあって、郵便番号を入力してフォーカスを移動すると、自動的に住所の文字列が入力される。入力エラーも画面遷移せずに評価されるので、ストレスが感じづらくなっている。
AJAXを使った素晴らしいCSSフォームの47のサンプル | コリス
noupeにエントリーされている、AJAXを使った素晴らしいCSSのフォームの47のサンプルの紹介です。
[JS]デザインがかっこいいカレンダーのスクリプト -calendar.js
Calendar: a Javascript class for Mootools that adds accessible and unobtrusive date pickers to your form elements カレンダーには3つのデザインが用意されており、スタイルシートでデザインの変更も可能です。 calendar.jsはmootoolsのプラグインのため、動作にはmootools.jsが必要です。
jQueryベースのカレンダー作成javascript「jCalendar」
twitter facebook hatena google pocket フォームなどでは日付を指定させることが多く、利便性が求められます。 jCalendarはjQueryベースでカレンダーを作成するjavascriptで、利用者のユーザビリティーを向上させることができます。 sponsors 使用方法 jCalendarからjcalendar.js、jcalendar.cssをjQueryからjquery.jsをダウンロードします。 <script src="http://yourdomain/jquery.js" type="text/javascript"></script> <script src="http://yourdomain/jcalendar.js" type="text/javascript"></script> <link rel="stylesheet" hr
[JS]ドラッグで移動可能なMac OS Xのドック風メニュー -Docking Menu
Docking MenuはMac OS Xのドック風のメニューで、水平・垂直方向に設置することができるスクリプトです。 Docking Menu Docking Menuはmootoolsのプラグインで動作します。 メニューの表示は、水平方向・垂直方向に設置が可能で、ドラッグによりメニュー自体の移動と、メニュー内の各項目の移動も可能です。
[JS]フォームとデータをやり取りできるカスタマイズ可能なカレンダー
Calendar Componentは、複数の設置が可能なカレンダーで、デザインの変更などカスタマイズが可能なスクリプトです。 Calendar Component | NoGray.com Calendar Componentは、mootoolsのプラグインで動作します。 カレンダーのデザインはCSSによってカスタマイズが可能で、表示方法も１つだけや複数のカレンダーを並べて表示することができます。
スライダーでブログの過去記事を検索できるインターフェース | SiMPLE*SiMPLE
スライダーでブログの過去記事を検索できるインターフェース August 23, 2007 5:30 AM written by Gen Taguchi Save the assistants.comのブログのインターフェースがちょっと気になります。過去記事へのアクセスをスライダーで行うことができるのです。 ↑ こんな感じ。Ajaxな感じで、スライドさせると動的にページをロードしてくれます。 「次のページ」「1 > 2 > 3 >」といったインターフェースより直感的でよいですね。 » save the assistants Info: ナビゲーション | 固定リンク | コメント (0) | トラックバック (0) | ↑
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
[JS]フォームのセレクトボックスを装飾するスクリプト -jquery combobox