20の優れたAjax効果*ホームページを作る人のネタ帳
jsmap - JavaScriptによる都道府県入力補助
Q - なぜ、全国地図にしないのですか? 4つほど理由があります。 ポップアップが場所をとりすぎるから 現在、地図部分は185x120pxにおさめていますが、標準的なモニタ解像度ではこの辺が限界です。 キーボード操作時の押下回数を減らすため jsmapがフォーカスするのはSugarCRMなどのWEBアプリです。使い切りのWEBフォームと違い、慣れによるスピードアップが望めるUIである必要があります。 多言語対応のため 日本は47都道府県なので、かろうじて可能だと思う方もいるかもしれませんが、これがイギリス(現在製作中)とかでは100を超えます。 認知的限界のため これも重要。ぱっと見て探せる数というのは、15や20がせいぜいです。 ただ、上記の話とは別に、地方選択用の全国図はあってもいいと考えていますので、それは将来のバージョンで。 Q - 地図はもっと詳細化/単純化しないのですか? 詳細
jqDnR :: Minimalistic Drag'n'Resize for jQuery
jqDnR is a lightweight plugin for jQuery that lets you drag, drop, and resize elements. Features; Drag + Drop Element Posistioning South East Resizing Definable Drag and Resize "handles" Translucent Dragging, Preservation of Original Opacity I wrote jqDnR to compliment jqModal elements, allowing drag+resize functionality while remaining true to the plugin's minimalistic architecture. jqDnR
Ajaxの弱点を補うscript.aculo.usの楽しいエフェクト
Ajaxの弱点を補うscript.aculo.usの楽しいエフェクト：パターンとライブラリで作るAjaxおいしいレシピ（4）（1/4 ページ） script.aculo.usの一歩進んだテクニック 今回紹介するscript.aculo.usは、以下のような機能を提供するAjax（JavaScript）フレームワークです。 ビジュアルエフェクト ドラッグ＆ドロップ DOM操作 オートコンプリート スライダー 単体テスト prototype.jsをベースのライブラリに使用しているので、prototype.jsとともに利用したことがある方も多いのではないでしょうか。 今回はscripot.aculo.usのエフェクト機能に焦点を絞り、より突っ込んだ使い方を紹介していきます。 ■ Ajaxの弱点を補う「エフェクト」の必要性 Ajaxを活用することで、画面全体を再描画せずに画面上の一部分のみを変更し
2種類のサイト内検索を併用可能に
サイトリニューアルにあたり、サイト内検索システムを今まで使用していた 「Google Custom Search Engine」 から以前紹介した、「MT 向け Ajax サイト内検索」 に変更しました。 Google Custom Search Engine 自体は良かったのですが、検索結果表示のサイズが、横幅 500px 以下にならないという制約から、新しいデザインではちょっと収まりが悪かったため、今回の変更に至ったわけです。 ただ、この Ajax サイト内検索は、動作が JavaScript によって行われるため、JavaScript が無効な状態だとサイト内検索がまったく使えない状態になるというのが難点。そこで今回は JavaScript が無効な場合でも不便にならないよう一工夫してみることに。 で、どうするかというと、JavaScript が有効な状態では、Ajax サイト内検索
AjaxComments for MT4プラグインの利用法
2024年2月1日 拙作プラグインの譲渡について 拙作のMovable Typeのプラグインを、株式会社ワールドイズマインに譲渡いたしました。 長きにわたり拙作のプラグインをご愛顧いただき、ありがとうございました。 Mark Carey氏が作成した「AjaxComments for MT4」プラグインは、コメント投稿の処理をAjax化して、ブログ記事ページからページを遷移せずにコメントを投稿することができるようにするものです。 このプラグインのインストール方法を紹介します。 また、このプラグインを日本語環境で使う場合、Movable Typeの文字コードをUTF-8以外に設定していると、コメント投稿時に文字化けが起こります。 その点を解決する方法も解説します。 ↓AjaxCommentsプラグインの動作例（ブログ記事のページに、Ajaxによってコメント確認部分が表示されています） 1.Te
MT 向け Ajax サイト内検索
以前から暴想さんで公開されている Ajax を使用した Blog 向けサイト内検索を社内的なサイトで使わせて頂いたのでお礼を兼ねて紹介。実際にベースにしたのは暴想さんのスクリプトを元に Movable Type 向けにカスタマイズされた Dakiny さんバージョン。 そいつをさらにカスタマイズさせてもらって使用しましたが、そのバージョンを折角ですので公開してみようと思います。 今回使わせていただいた blog_ajax_json_search.js は、エントリーのタイトルや本文、コメント （コメントも検索対象にしたは風柳亭さんによるカスタマイズ） を全部 JSON で書き出しておいて、そいつを JavaScript で検索する仕組みなので、とにかく検索が早い。かなり便利なスクリプトです。もちろんそのままでも十分使えるのですが、個人的に気になった点とかをカスタマイズしています。 とりあえ
日本語向けfonts.css登場？ 無料で使えるJSライブラリYUIの基礎 | Web担当者Forum
去る8月10日、銀座のアップルストアにて「CSS Nite Vol.20」が開催された。 テーマは米ヤフーが無償で提供しているJavaScriptとCSSのライブラリ「Yahoo User Interface Library」。「YUI」の名で知られる、このライブラリに関して、米ヤフーのYUIチームエンジニアリングマネジャーであるエリック ミラグリア氏が来日して講演した。 編集部では、独自に日本語向けのYUI CSSに関する情報も入手したので、イベントの様子と併せてレポートしよう。 結論から言うと、YUIライブラリは非常によく作り込まれているので、どんなウェブサイト開発にも利用できる便利なもので、ぜひ使ってみてほしい。無償で利用できるうえに、利用条件としても、再配布時に著作権表示をするだけいい「BSDライセンス」で提供されているので、商用サイトで使う場合でも、ソースコードを公開する義務が生
prototype.jsでMacOSXのDock風ＵＩを作るJavaScriptライブラリ:phpspot開発日誌
Position Absolute : Prototype Fisheye : Another gear in the machine. The idea behind a fisheye control is a strip of icons, being vertical or horizontally laid out that reacts to the user's mouse as it approaches the icon. This control was made popular by Mac OSX "Dock". prototype.jsでMacOSXのDock風ＵＩを作るJavaScriptライブラリ。 カーソルを合わせるとアイコンが拡大されるあのＵＩをprototype.jsで実装したい場合に使えます。 その他、Dock風ＵＩ実装のライブラリを以下に。 一味違う
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
SexyLightBox - www.coders.me
HugeDomains.com
透明感のあるデザインをJavaScriptで実装する（glassbox.js） - youmos
http://bizcaz.com/archives/2008/08/10-180550.php
http://tutorialblog.org/10-javascript-ajax-tabs/
http://bizcaz.com/archives/2007/10/19-000703.php
Ajax/Javascript/Dhtml examples and demos to download
JavaScriptでプログレスバーを簡単に実装する （jsProgressBarHandler） - youmos
http://e0166nt.com/blog-entry-263.html
http://youmos.com/news/relay
Connection Problem