JavaScriptベストプラクティス: Unobtrusive DOMプログラミングのススメ | エンタープライズ | マイコミジャーナル
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
Purchase Intent Data for Enterprise Tech Sales and Marketing | TechTarget
Enterprise Strategy Group: Go-to-market Expertise to Help You Win
MOONGIFT: � Growl風の通知をJavaScriptで行うjQueryプラグイン「jGrowl」
※ 画像は公式サイトデモより Ajaxを使っている場合、その結果通知をどのように行うかは困るところだ。せっかく画面遷移のない、格好いい仕組みを使っているのに、ただ「完了しました」だけではあまりにもおざなりだろう。 右上に通知が出る 各Webサービスとも、通知のウィンドウは色々な工夫が凝らされている。自分のサイトで格好いい通知をしてみたかったら、このような仕組みはいかがだろう。 今回紹介するオープンソース・ソフトウェアはjGrowl、JavaScriptで作られたGrowlだ。 GrowlはMac OSXをお使いの方であれば知っているであろう、通知を行うためのフレームワーク的アプリケーションだ。Firefox、Cyberduck、Skypeなどなど、大抵のソフトウェアで利用されている。通知メッセージは画面の右上に表示され、時間が経過すると自動で消えていく、非常に使い勝手の良いアプリケーション
js-users.jp - 日本の JavaScript ユーザのためのハブサイト
YAPC::Asia 2008 で Michael Schwern は「SEO に有効な独自ドメインを取って、もっと Perl 初心者が集まりやすい nice な Perl の情報を集めたサイトを作れ！」といったそうです。そして「Perl-users.jp - 日本のPerlユーザのためのハブサイト」ができました。それにインスパイアされてas-users.jpも出来たらしい。 これは JavaScript も同じではないのか？ そう思って js-users.jp ドメインを取り、ここに js-users.jp を開始します。完全に as-users.jp にインスパイアされています。本当にありがとうございます。ノープランです。 イベント情報 ajax Experience http://ajaxexperience.techtarget.com/html/index.html 2008年
JavaScriptのイベントハンドラ説明
本気でやるならonclick属性は避けてライブラリを活用すべき - 帰ってきたHolyGrailとHoryGrailの区別がつかない日記 を読んで，思うところあって書いてみました（決してカウンターアーティクルではない）。 むかしむかし JavaScript を触っていた むかしむかしに書かれた JavaScript の本で勉強している／した 人向けに。大元記事（そろそろ本気で学びませんか？ | Think IT（シンクイット））の想定読者に近いかなと思います。よって以下は JavaScript の初学者にはまったくおすすめできない（余計な知識がついてしまう）です。 Step 1: はじめのいっぽ ボタンを押したらメッセージボックスが出現する HTML を書いてみます。 <html><body> <script type="text/javascript"> function ShowMes
The Lightbox Clones Matrix « planetOzh
This tool lists a number of javascript scripts designed to embed various objects in HTML pages, such as images, flash animations, movies and iframes. Comparison of various scripts that display images and other objects in somehow cool CSS popups
[JS]jQueryのプラグイン33 1選 -2008年3月 | コリス
紹介済みから未紹介のものまで、jQueryのプラグイン34選です。 Galleria 画像ギャラリー。 jQuery Multimedia Portfolio 画像・動画・音声のスライドショー。 Ea
MOONGIFT: » Ajaxを駆使したWebカレンダー「Monket Calendar」:オープンソースを毎日紹介
Ajaxの素晴らしい点は、WebブラウザにおいてGUIアプリケーション並みの操作性をもたらしたことにある。それによって、Webアプリケーションの可能性が飛躍的に上がった。直感的で分かりやすいインタフェースをJavaScriptで作り上げ、画面遷移のない操作性をAjaxで実現すれば、まさにGUIアプリケーションと変わらない。 そんなAjaxを使ったカレンダーアプリケーションを紹介しよう。 今回紹介するオープンソース・ソフトウェアはMonket Calendar、UIに優れたWebカレンダーアプリケーションだ。 Monket Calendarはまだ機能的に不十分な点もあるが、今後に期待させるソフトウェアだ。GoogleカレンダーのようにJavaScriptを使って優れたUIを提供している。外部や自サーバ内にあるiCalファイルを表示することができる。 イベントの作成も可能で、クリックして名前を
Lightview “Overlay anything width style”
Lightview allows you to easily create the most beautiful overlay windows using the jQuery Javascript library. By combining support for a wide range of media with gorgeous skins and a user-friendly API, Lightview aims to push the Lightbox concept as far as possible. Lightview uses HTML5 to help you deliver the best experience across every browser. Let it enhance your media automatically or create c
ウノウラボ Unoh Labs: jQueryのパフォーマンス最適化に関するTips
こんにちは、山下です。 今回は、jQueryのパフォーマンス最適化について説明したいと思います。 軽量と言われているjQueryですが、いろいろな機能を実現しようとして複数のプラグインを導入すると、だんだんと動作が重くなってきます。サーバ側をいくらチューニングしたところで、ブラウザ側での処理に時間がかかっていたら、せっかく訪問してくれたユーザに重いサイトとして認識されてしまいます。以下に、ウノウで運営している「映画生活」で実際に行っている方法を紹介します。 1. Packed版ではなくMinified版を使う jQuery1.1まではPacked版のみだったのですが、jQuery1.2からMinified版もダウンロードできるようになりました。Packed版よりもMinified版を使うことをお勧めします。どう違うのかというと、Packed版はファイルサイズを極限まで削減するために静的辞
タグを簡単にフォームに挿入するjavascript「jTagging」
twitter facebook hatena google pocket ソーシャルブックマークなどに代表されるWeb2.0の世界ではタグにより細かく分類されることが多くなっています。 その細かさゆえ、入力が面倒になっているのも事実です。 jTaggingはタグの入力を簡便にしてくれるjavascriptです。 sponsors 使用方法 jTaggingからjQuery.jTagging.jsをjQueryからjquery.jsをダウンロードします。 <script src="http://yourdomain/jquery.js" type="text/javascript"></script> <script src="http://yourdomain/jQuery.jTagging.js" type="text/javascript"></script> <script typ
ianime.js、iPhone/iPod touch 用アニメーション・ライブラリ
先日予告したiPhone向けのアニメーション・プログラムの解説だが、解説のためにソースコードを整理しているうちに、どうしてもライブラリ化したくなってしまい、土曜日の午前中を使ってianime.jsというアニメーション用のライブラリを作ってしまった。まだ色々とやりたいことはあるのだが、温存しておくと熱意が冷めてしまうたちなので、一気に公開。ただし、解説は予告通り英語で書かせていただいた。 ianime.js - Animation Javascript Library for iPhone and iPod touch 「Javascript使い」の方たちには、ぜひとも遊んでいただきたい。私自身、javascriptのprototypeを使うのは初めてなのでとんだ勘違いをしているかも知れないので、そこは遠慮なく指摘していただきたい（人前で自分の間違いを指摘されても平気なたちなので）。 なお、
JQuery Cycle Plugin
Check out Cycle2, the latest in the Cycle line of slideshows. Overview The jQuery Cycle Plugin is a slideshow plugin that supports many different types of transition effects. It supports pause-on-hover, auto-stop, auto-fit, before/after callbacks, click triggers and much more. It also supports, but does not require, the Easing Plugin. How it Works The plugin provides a method called cycle which is
jQuery UI
jQuery UI is a curated set of user interface interactions, effects, widgets, and themes built on top of the jQuery JavaScript Library. Whether you're building highly interactive web applications or you just need to add a date picker to a form control, jQuery UI is the perfect choice. What's New in jQuery UI 1.13? Compatibility with recent jQuery versions (up to 3.6): Usage of deprecated jQuery API
[JS]jQueryで実装するQuickナビゲーション -FastFind Menu
FastFind MenuはjQueryのプラグインで、ページにクィックナビゲーションを設置できるスクリプトです。 FastFind Menu Script 上記のデモ ページの上部にある「[ Toggle Menu ] 」をクリックすると、クィックナビゲーションが表示され、ナビゲーションパネルはドラッグ&ドロップで移動することができます。 また、ナビゲーションの項目は、サーバーから取得し表示することも可能です。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://www.dqwm.net/
Flexigrid
jQueryを使ってファイルツリーを表示できる『jQuery File Tree』
[JS]スタイルシートを機能拡張するスクリプト -MoreCSS
NameBright - Coming Soon