corner.js (with IE 6/7 support)
corner.js 2.1 allows you to add corners (and also shading and shadow) to images on your webpages (alternatively: glossy.js). It uses unobtrusive javascript to keep your code clean. It works in all the major browsers - Mozilla Firefox 1.5+, Opera 9+, Safari and IE6+. On older browsers, it'll degrade and your visitors won't notice a thing. CVI-lab: Get a fast impression of the effects and their illu
AjaxMail：Ajaxを活用したフリーPHPメールフォーム
ウェブサイトを動的なページに変更したい、機能を拡張したいと思ったら、 Ajaxのツールを使って簡単に機能を拡張してみよう。 ウェブサイトを運営するとき、サイトを見たユーザーからコメントを残してもらうことがあります。 また、企業なら連絡方法としてメールの送信ができるように、メールフォームを用意していると思います。 こうしたウェブサイトのメールフォームをAjaxを使って導入することができます。
JavaScriptを使ってクリック時に画像を入れ替える | チバのブログ
簡単なスクリプトではあるんですが、簡単であるがゆえに仕事で使うときなんかはその都度スクリプトを書いていたりします。それをどこかにまとめておけば時間の短縮にもなるのでここでまとめておこうかと思います。 サンプルページ 使うライブラリはjQueryです。 jQueryをHTMLに読み込む手順については、Google AJAX Libraries APIとServing YUI Filesという記事に詳しく書きましたので、そちらをご覧ください。 前提 HTML Javascript ちょっとした効果をつけてみる HTML 大きな画像とサムネイルリストを用意しなければなりません。今回はサムネイルを作らないで大きな画像を縮小表示させてサムネイルみたいにするという横着をする場合なので、ソースもこんな感じになります。 メインの画像部分 <p><img id="target" src="path/to/
ドラッグ＆ドロップで範囲指定できる日付選択UI実装ライブラリ「Timeframe」:phpspot開発日誌
Timeframe ドラッグ＆ドロップで範囲指定できる日付選択UI実装ライブラリ「Timeframe」 次のようなＵＩで、日付をＤ＆Ｄ選択できるJSウィジェットが公開されました。 次のような感じに初期化するようです。 <script type="text/javascript" charset="utf-8"> //<![CDATA[ new Timeframe('calendars', { startfield: 'start', endfield: 'end', previousbutton: 'previous', todaybutton: 'today', nextbutton: 'next', resetbutton: 'reset' }); //]]> </script> 範囲指定の入力に便利そうですね。 関連エントリ 日付の範囲を指定できるJavaScriptデートピッカー「
プロ級コーディングのための、AJAX・Javascriptソリューション | ECommerce Knowledgebase
最新のWebアプリケーションのデザインと言えば、Ajaxが標準的な入り口といえるだろう。lightbox・フォームの検証・ナビゲーション・検索・ツールチップ・テーブルのための対話型ソリューションは、Ajaxライブラリやnifty Ajax スクリプトを使って開発されている。Ajaxは実用的でパワフルだ。しかしAjaxを使う場合、ユーザビリティ・アクセシビリティの点で、問題があることも理解しておかなければならない。Ajaxを過多に使用すると、ユーザーに対して過度な管理や機能を押し付けることになり、混乱を招きやすい。 とはいえ、Ajaxで何ができるかを知っておくことは重要である。それが新しいアイディアをさらに発展させ、Webアプリケーションの質を高めていくことに繋がっていくからだ。 今回の記事では、新たに60以上の“使える”Ajaxスクリプト、ライブラリ、ソリューションを紹介する。今後のプロジ
LightBox風に角丸で可愛く画像をポップアップしてくれる「Facebox」:phpspot開発日誌
Facebox 1.0 Facebox is a jQuery-based, Facebook-style lightbox which can display images, divs, or entire remote pages. LightBox風に角丸で可愛く画像をポップアップしてくれる「Facebox」。 リンクをクリックで次のように画像をポップアップしてくれます。 これはFacebookでも使われているポップアップ方法のようで、知っている人は知っている、ポップアップの仕方のようです。 コードは次のように非常にシンプルです。 rel="facebox" でポップアップしてくれるみたいです。 <a href="/facebox/remote.html" rel="facebox">text</a> jQueryベースなので軽量な点もうれしいところ。 ちょっと気分を変えたい方は導入
クールにスライドするメニューを作成するJavaScriptライブラリ「Image Menu」:phpspot開発日誌
Image Menu クールにスライドするメニューを作成するJavaScriptライブラリ「Image Menu」。 メニューにカーソルを合わせると、カーソル部分がアニメーションしながら開くメニューを実装できます。。 画像を変えれば、よりクールなメニューを作れそうですね。 必要なJSライブラリ,CSSをインクルードした後、次のようなコードで簡単に初期化できる模様。 <h2>Example:</h2> <div id="kwick"> <ul class="kwicks"> <li class="kwick opt1"><span>Lanscapes</span></li> <li class="kwick opt2"><span>People</span></li> <li class="kwick opt3"><span>Nature</span></li> <li class="kwi
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
wrapScroll JavaScript Library - youmos