Code Archive Skip to content Google About Google Privacy Terms
Arrows-and-boxes written by Dennis on February 19th, 2010 @ 12:35 PM About Easy to use javascript plugin to draw nice boxes and arrows to your website from simple markup like (User) > (Admin) ... which will be transformed to: (User) > (Admin) Download < complete sources and samples pack Preview editor < live preview When to use Fork at Github Setup (it's easy!) Put javascript links inside HTML hea
jVectorMap シンプルでインタラクティブな地図を実装できるjQueryプラグイン「jVectorMap」。 シンプルデザインながら拡大してもクオリティが保たれていて高速レスポンスの地図が実装できます。国ごとのカラーリング等も可能なので、アクセス解析とかそういった部分で使えるのかも。 地図クリックで各種コールバック関数が使えるため、フォーム内で国の選択といった入力補助プラグインとしても機能しそうです。 今後の国際化の流れにおいて便利に活用できる局面があるかもしれません。 マウスオーバーで変色。インタラクティブに動作。クリックしたコールバック設定もOK 国ごとのカラーリングを示した例です。 アメリカだけを対象に描画も可能 ヨーロッパだけもOK 拡大しても新たにデータを読み込むわけでもなく高速なレスポンスが期待できます。 作った方お疲れ様でした&すごい! 関連エントリ ドラッグできる地図
このところHTML5関連のモバイルアプリケーション開発について調べていて、先週の水曜日にはSwapSkills主催のイベント「jQueryモバイルで簡単! スマートフォンサイト作成」に参加してjQuery Mobileについて勉強してきました。 jQuery Mobileとは、jQueryのプラグインとして利用するモバイルアプリケーション用のライブラリです。そしてその驚異的なまでの簡単さは、これから業務用のモバイルアプリケーションの作り方を一変させてしまう可能性を感じさせます。 jQuery Mobileの大きな特徴は次の3つです。 1)HTMLを書くだけでモバイルアプリケーションができてしまう 2)モバイルのユーザーインターフェイス対応の部品が多く揃っている 3)iOS、Android、WebOS、Windows Moblie、Symbianなどクロスプラットフォーム対応である 具体的な
Today we are making an AJAX-enabled Sticky Note management system. It will give visitors the ability to create notes with a live preview, and move them around on the screen. Every movement is going to be sent to the back-end via AJAX and saved in the database. We are using version 1.4 of jQuery and the fancybox plugin (you can also check our CSS3 Lightbox Gallery Tutorial, where we also used fancy
jQuery Tools is a collection of the most important user-interface components for today's websites. This single JavaScript file weighs only 5.8 Kb Tabs is the most popular JavaScript tool on the web. Tabs, horizontal tabs and accordions, finally done the right way. Great looking tooltips. Big or small. Pluggable effects. Yet another crucial tool. Visually appealing overlays. This tool is a signific
Lights Out ? Dimming/Covering Background Content with jQuery | Build Internet! これはカッコいい、テレビのノイズ画面風背景のLightBox作成。 次のように、テレビのノイズ画面のような背景がアニメーションするカッコいいLightBoxの作成チュートリアル。 デモページ 単純に背景をGIFアニメーションにしているだけっぽいけど、なんかオシャレです。 1ネタとして覚えておいて損はなさそう。サンプルもダウンロード可能です。 関連エントリ ナビゲーションメニューを1歩進んだものに引き上げるjQueryチュートリアル集 無限に回転するカルーセルUI実現用jQueryプラグイン実装チュートリアル jQueryやPHPを使った便利な仕組みのチュートリアル集
Interface is a collection of rich interface components which utilizes the lightweight JavaScript library jQuery. With this components you can build rich client web applications and interfaces with the same simplicity as writing JavaScript with jQuery. The collection is dual licensed with the MIT license and the GPL, which basically means you can use it for free for both non-commercial and commerci
Webブラウザ経由のファイルアップロードといえば、味気ないテキストフィールドに「参照」ボタンでファイルを指定し、送信時に一緒にアップロード・・ こんな手続きが一般的ですが、jQueryプラグイン「uploadify」を使えば、非常にスマートにアップロードができます。 「BROWSE」ボタンをクリックしてファイルを選び、アップロードしたいファイルを全部選んだら「Upload Files」リンクをクリック。すると、プログレスバーのアニメーションと共にアップロードしている様子が見て分かります。 これなら、ストレスなく美しく、アップロードが可能。是非使いたいですね。 JQuery File Upload Plugin Script - What is Uploadify - Uploadify JQuery File Upload Plugin Script - Demo - Uploadify(
DAHONのBoardwalkを修理しようとしておもいっきり壊してしまいました。agoです。 普段はjQueryをメインで使用しているのですが、使っていていくつか注意すべき点があったのでまとめてみました。 (一部jQueryではなく、DOMの仕様上の制限も含まれています) 1 $().filterにstring以外のものを渡すとエラー 1.4系では修正されていました $().findや$().notは大丈夫ですが、$().filterの場合引数にjQuery objectや配列、html elementなどを渡すとエラーになります。 (たとえばjQuery objectを渡した場合、Firefoxでは「TypeError: t.substring is not a function」というエラーが発生します) 確認する ちなみに、$().findや$().notはstring以外も渡せるた
Alex Holt氏がSmashing MagazineにおいてjQuery and JavaScript Coding: Examples and Best PracticesのタイトルのもとJavaScriptプログラミングのベストプラクティスを紹介している。Alex Holt氏は「Unobtrusive DOM Scripting」と呼ばれるプログラミング手法がWebサイトに適用するにあたり優れているとし、Unobtrusive DOM Scriptingの実現にはjQueryが実にいい具合で活用できることを説明している。 同氏はDOMを経由してWebページの各種データにアクセスしてなんらかの動作をさせるプログラミング方法をDOM Scriptingと呼び、DOM Scriptingのなかでも必要な機能を必要な要素に対して適用するものといったニュアンスを強める場合にUnobtrusi
When used correctly,jQuery can help you make your website more interactive, interesting and exciting. This article will share some best practices and examples for using the popular Javascript framework to create unobtrusive, accessible DOM scripting effects. When used correctly, jQuery can help you make your website more interactive, interesting and exciting. This article will share some best prac
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く