This domain may be for sale!
Ajax開発等に超便利なページ内の変更部分が一発で分かるFirefoxアドオン「Firediff」 2009年04月20日- Firediff - In Case of Stairs Ajax開発等に超便利なページ内の変更部分が一発で分かるFirefoxアドオン「Firediff」。 これは欲しかった!という機能がついにリリースされました。 インストールにはFirebug1.4が必要で、Firebug1.4a17以降が推奨されています。 Firebug1.4のダウンロードはこちらから可能です。 まず、インストールすると、次のように、FirebugにChangesタブが表示されます。 で、実際どうやって使えるか?見てみましょう。 (1) DOMインスペクタをいじった結果をDIFF たとえば、DOMインスペクタの中で、要素を編集してみます。 2009年4月16日を2009年にしてみました。 す
シンプルなツールチップも簡単に実装できるだけなく、デザインのカスタマイズが可能で、対応トリガーも豊富なツールチップのスクリプト「BeautyTips」を紹介します。 BeautyTips demo BeautyTipsは機能が豊富というだけでなく、テキストや画像、AJAXコンテンツの表示、ツールチップの表示位置の自動補正など基本性能もしっかりと抑えられており、フォームエレメントへの表示、ツールチップ元の変更なども可能です。 ツールチップはcanvasで描かれており、画像は必要ありません。 対応ブラウザはIE6.x+, Fx3.x, Op8+, Safari3.xとのことで、canvas非対応ブラウザにはExplorerCanvasが使用されています。また、IE6のz-indexへの対応にbgiframe、ホバー処理にhoverIntentが使用されています。 ※Chrome 1, Fx2で
クールで使える機能をjQueryで実装したい。 そんなときに参考になるのが、『The 20 Most Practical and Creative Uses of jQuery』。実用的でクリエイティブなjQueryの使用例20選だ。 以下にいくつかご紹介。 ↑のキャプチャはFamSpamsのFaceBox。 James Padolseyのカラースイッチャー Dragon InteractivesのjQueryナビゲーション CarrotCreative-Customのlightbox Incredibleのログインフォーム その他のリストは以下から。 » The 20 Most Practical and Creative Uses of jQuery 実用的でクリエイティブなjQueryの使用例、チェックして参考にしてみてはいかがだろうか。 週初めですねー。がんばりましょう。
ネットショップや会員制サイトを利用する際にいつも面倒だなと感じていることがある。会員登録や配送先を指定するフォーム画面にある、都道府県名の入力欄だ。 よくあるのが、プルダウンで都道府県名を選ぶ形式だが、これはなかなかのストレスだ。5~6項目ならともかく、47もの選択項目、それも似たような漢字3文字の中から、注意深く狙いを定めなければならない。運悪く1日に何度もこの作業が発生するとうんざりする。 そうした、「HTMLフォームでの都道府県名の選択」に特化した新発想のJavaScriptライブラリが登場している。CogniTom Academic Design作の「jsmap」がそれだ。jsmapをHTMLフォームに組み込むと、プルダウンで選択する代わりに、地図をマウスでクリックすることで都道府県名を入力できるようになる。 地図とはいっても、ご覧のようにいい意味でざっくりとしたデザインで、非常に
WebTeckerのエントリーから、jQueryやPrototypeやMooToolsなどライブラリを使用するものや、単独で動作するアコーディオンのスクリプトを紹介します。 Great Accordion Scripts
Crop & Resize with JavaScript, PHP, and ImageMagick - Monday By Noon PHP+ImageMagick+JavaScriptで画像を切り抜くサンプル。 次のように、JavaScriptで領域指定→キリトリ→拡大が可能なサンプル →デモを見る 1回アップロードしてしまった画像を再度加工して再利用したい場合に便利そうですね。 ダウンロードはこちら 関連エントリ 画像をサーバ側で好きなサイズにリサイズできるPHPスクリプト
メールフォームを作るのに大掛かりなアプリケーションは必要ない。個人的にはこうしたときにもっとも便利なのはPHPだと思う。手軽にWebアプリケーションが作成できるのが便利だ。 だが、単なるメールフォームではユーザの満足は得られない。ちょっと工夫したフォームこそ受けがいい。 今回紹介するフリーウェアはAjaxMail、Ajaxを使ったメールフォームスクリプトだ。 AjaxMailは日本人エンジニアのアプリケーションで、日本語が問題なく扱えるのが魅力だ。提供されるスクリプトも、シフトJIS、EUC-JP、UTF-8と各種エンコード向けが作られている。 Ajaxを使っているので、画面遷移がなくスムーズに操作できるのが魅力だ。郵便番号補完機能もあって、郵便番号を入力してフォーカスを移動すると、自動的に住所の文字列が入力される。入力エラーも画面遷移せずに評価されるので、ストレスが感じづらくなっている。
以前、紹介した「Page Scroller」のバージョンアップ版「Page Scroller ver.3」の紹介です。 追記: 2013年10月26日 ver.3.0.9をリリース jQueryの旧版によるXSSに対応しました。 2011年5月4日 デモおよびダウンロードファイルをjQuery1.6に変更しました。 2011年1月31日 ver.3.0.8をリリース 機能を追加しました。 2010年11月19日 ver.3.0.7をリリース ライセンスを変更しました。 2010年11月17日 デモおよびダウンロードファイルをjQuery1.4.4に変更しました。 2010年9月19日 デモおよびダウンロードファイルをjQuery1.4.2に変更しました。 2009年7月6日 対応ブラウザ(IE8, Fx2.5, Chrome2)を更新しました。 2009年2月23日 ver.3.0.6をリ
Lightview Lightview was built to change the way you overlay images on a website. カスタマイズできる多機能LightBox「Lightview」。 次のように、背景色を赤にカスタマイズしたりできるLightBoxの登場です。 背景色のほか、角丸の度合いや、灰色背景の描画ON/OFFとその透明度、zIndex、表示の際のエフェクトなどをカスタマイズ可能です。 インストールは、必要なCSS/JSを読み込んだ後、<img> タグの rel 属性に lightview を設定するだけ。 (例: <a href='image.jpg' rel='lightview'>My image<a/> ) スライドショーの機能なんかも実装されています。 関連エントリ LightBox風に角丸で可愛く画像をポップアップしてくれる「F
User submitted list of design resources for web designers and developers.
Not many web designers have fun when it comes to styling tabular data. We have taken a close look at today's best functioning and styled tables to showcase over 15 modern css and Ajax tables teaching you some useful techniques for displaying information in a tabular mode using sorting or filtering functions. You might be interested to take a look at the links below: 47+ Excellent Ajax CSS Forms 37
FastFind Menu This page demonstrates the ActiveSpotLight FastFind Menu Script. 階層的でクールなメニューを作るためのJSライブラリ「FastFind Menu」。 紹介サイト上、左上の[ Toggle Menu ] でデモが開きます。 メニューをクリックすると、階層的にメニューが開きます。 アニメーションも滑らかでカッコいいです。メニュー先はAjaxでオープンするようです。 Ajax にすることで、深い階層であっても一度に読み込ませることなく利用することが可能です。 こういった形式のメニューの需要もあると思うので、覚えておくとよさそう。 関連エントリ セクシーに動作するスライドメニューバー実装JSライブラリ
「Google」や「Yahoo!」などWebで提供される多くのサービスが「Ajax(Asynchronous JavaScript+XML)」というリッチクライアント技術を利用している。Ajaxにより,従来のWeb技術では考えられないようなユーザー・インタフェースのシステムも登場してきた。こうした潮流は,徐々にではあるが企業の業務系Webシステムにも影響を及ぼしてきている。 だが,実際にAjaxのシステム構築に携わったITエンジニアの多くは,「甘いものではない」と口をそろえる。「必要な要素技術の数が増えるので,設計や開発の難易度が確実に上がり,デバッグも難しくなる。1人で設計・開発できるシステム規模ならエキスパートの投入で乗り切れるが,複数の開発者が参加する大規模システムでは,(たとえ開発支援ライブラリを使ったとしても)品質がバラついてしまう」(NTTデータ 技術開発本部 ソフトウェア工学
完成形を見てしまった気がする。それくらいできが良い。 これまでWikiエンジンを幾つも紹介してきた。もちろん、機能面ではもの凄く充実しているものも数多い。だが、使い勝手や初期状態での機能等を考えると、これがまさに完成系と言えるのではないだろうか。 今回紹介するオープンソース・ソフトウェアはMindTouch Deki Wiki、エンタープライズ向けのWikiエンジンだ。 欠点がなさすぎる。日本語はもちろんOK、Ajaxを使って遷移の少ない作り、履歴管理+差分表示にももちろん対応している。編集はWYSIWYGなテキストエリアでできる。 ヘッダを作れば、その中だけで編集できる。画像をアップロードして、埋め込むのも簡単。ページの階層管理もできて、タグも使える。ウォッチリストに登録、コメントをする、RSS配信など何でもござれだ。 さらに多言語対応、Google Analyticsを埋め込めるなどな
近年,Ajaxの台頭をきっかけに,JavaScriptを使ったブラウザのリッチ・クライアント化が進んできました。現在では,ページの表示を変化させるだけであれば,ほとんどのことはJavaScriptのみで対処することが可能です。それを実現するのがDOMなのです。 第1回 DOMから始めるモダン・スクリプティングの世界へようこそ 第2回 ブラウザからHTMLはどう見えているかを理解しよう ~ドキュメントツリー~ 第3回 DOMスクリプティングのことはじめ(1) ~要素(タグ)を狙い撃ち~ 第4回 DOMスクリプティングのことはじめ(2) ~これはどんな要素?~ 第5回 DOMを使ってHTMLを自由自在に書き換える 第6回 イベントハンドラから脱却しよう 第7回 スクリプトを完全に分離しよう ~コンテンツ,プレゼンテーション,ビヘイビア~ 第8回 スクリプトのパッケージ化 ~使い回しできるスクリ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く