Prototyperに贈るjQuerystからの手紙先に 別にどっちがいいという話ではないです。 向き不向きはありますが、どちらもフレームワークとしての完成度は高いです。（Prototype.jsも1.6.0でDOM Readyサポートしたし） 先に 具体的には以下のような使い分けがおすすめ Prototype.js 速度が要求される演算 複雑なアルゴリズムを使用した計算 他のクラスを拡張した処理（google mapsとか） jQuery 簡単なDOM操作 イベント処理 ブログパーツ
第20回 jQueryでAJAX入門：正規表現でサイトに表示したTwitterにリンクをつける | gihyo.jp
Twitterにリンクをつける 前回は.getJSON()メソッドを使い、Twitter上での発言をサイトに表示できるようにしてみました。しかし、時にはTwitterの発言文中にはURLやhashタグや@ユーザー名などが含まれていることがありますが、前回のままではそのままテキストとして表示されるだけになってしまいます。 以前、フォームの内容を紹介した時に正規表現の紹介をしましたが、今回はその正規表現を利用して、Twitterの発言文中に含まれるURL・hashタグ・@ユーザー名をリンクをつけるサンプルをご紹介します。 URLにリンクをつける まずは文中に含まれるURLにリンクをつけてみましょう。文中からURL部分だけを見つけるために、正規表現を利用します。 URL用の正規表現 /(http:\/\/[\x21-\x7e]+)/gi 「[\x21-\x7e]」の部分は16進数で表現したASC
Online Pattern Generator - 20 Tools For Designers
With so many things to know and techniques to learn it often becomes hard for designers and developers to keep up with their projects and manage their work. While you could start every project by doing the same things again and again, the smart designers and developers know the importance of a well-developed workflow. One of the things that can accelerate and enhance your workflow is the tool know
The jQuery Animation Guide for Beginners
The design of a website plays a major role in attracting visitors on a consistent basis. Interactive designs get more attention compared to the plain old static designs. Technology is improving at a rapid pace to cater the advanced modern web designs. As a result, CSS3 offers the animations without the help of JavaScript. Even though CSS3 and HTML5 are improving in leaps and bounds, jQuery seems t
50+ Free eBooks for Web Designers & Developers — Speckyboy
There are thousands of books available online for web designers and developers to peruse. Countless languages, topics, and trends have been extensively explored and analyzed, resulting in this vast library of eBooks that cover almost every aspect of web design and development. The best part? All of these books are completely free to download! We’ve curated this collection of our favorite free eBoo
jQuery1.4から追加されたjQuery.proxy()を試してみる
Quick Tip: Learning jQuery 1.4's $.proxy | Nettuts+ jQuery 1.4で追加されたjQuery.proxy()、この使い方について解説がされていましたので、ご紹介。自分なりに変化させたりしていざチャレンジ！！ jQuery.proxy()ってなに？ This method is most useful for attaching event handlers to an element where the context is pointing back to a different object. Additionally, jQuery makes sure that even if you bind the function returned from jQuery.proxy() it will still unbind the
親要素のみ削除する方法[jQuery1.4系版]
結構前のエントリーで『jQueryメモ：親要素だけ消すってどうやるんだろう？』という内容を書いたのですが、最新版のjQueryではもっとシンプルな方法で親要素のみ削除できるようになったので、再度試しつつご紹介します。 今回の各でもについて 今回のデモは下記のHTMLをそれぞれ利用します。 利用するHTML <a href="#damy"><span>サンプルデモ</span></a> デモ５だけは子要素にSPANがないものを利用しています。 このうちAタグのみ削除することを目的とします。リンクが外れていたら成功。 プラス、中のSPAN要素には、中のテキストをアラートするクリックイベントを付けておいて、今回の親要素削除後も動作するかをチェックできるようにしてみます（spanを子要素に持たないデモはこのイベントは付けていません。） 子要素(SPAN要素へのイベント) $('span','.pr
![親要素のみ削除する方法[jQuery1.4系版]](https://cdn-ak-scissors.b.st-hatena.com/image/square/1f0dddacd05038a5e72b7f5c7bc79293bb2c51ad/backend=imagemagick;height=288;version=1;width=512/https%3A%2F%2Fh2ham.up.seesaa.net%2Fimage%2F201003171.png)
一歩進んだjQueryサンプル集 - hagino3000's blog
radikoのJavaScriptソース読んでたんだけど、コード圧縮してない上に懇切丁寧なコメントも残したままなので、jQueryのサンプルとして紹介されそうだなと思った。 ttp://radiko-dl.ssdl1.smartstream.ne.jp/radiko-dl/player/js/player.js radiko.jp http://radiko.jp/ グローバル変数使いまくりだとか、cookieの操作は独自実装しなくてもjquery.cookie.jsを使った方が楽なんじゃないか、とかいろいろありますが。公式ドキュメントの触り以下の事しか書いて無いのにブクマされまくってる記事よりよっぽど役に立つんじゃないかと。 他にはTwitterのホーム画面にもjQueryを使ったコードがあって $(document).ready(function() { if ($.browser.m
jQuery Mouse Events: PageX/Y vs. ClientX/Y
When I first starting playing with jQuery events, a lot of what I learned about the jQuery Event object was through trial and error. While I could be remembering incorrectly, I used to find that the jQuery documentation was good at describing the event handlers, but not so good at describing the event object; as such, while I knew that the jQuery event object was a standardized event object, I was
jQueryでXMLをパースして表示するコードサンプル例:phpspot開発日誌
Parse XML with jQuery | Papermashup.com jQueryでXMLをパースして表示するコードサンプル例が公開されています。 jQueryマスターな方には無用の物かも知れませんが、スニペットとしても使えそうなので便利かも、というのでご紹介。 $.ajax でサイト内にある .xml ファイルを取得して、success のハンドラによってXML処理させます。 普通に書くと大変ですが、jQueryを使うことで次のように簡単になります。 .xml のパスはサイト内のURLであれば何でもいいので、サーバ側に xml を出力するようなAPIが既にある場合、jsonに変換することなく簡単に使えますね。 jQueryのDOM操作の簡単さによってこれだけ短縮できているところが何とも凄いです。
第19回 jQueryでAJAX入門：JSONを使いサイトにTwitterを表示 | gihyo.jp
jQueryでAJAX入門2回目：JSON形式を扱う 前回はXML形式のRSSをAJAXで取得してリストで表示させました。今回はXMLではなく、JSON（ジェイソン）と呼ばれる形式を扱い、同じようにリストを表示させてみることにします。今回ご紹介するJSON形式も、前回紹介のXML形式同様jQueryで取得・表示をさせることができます JSON？ JSONはJavaScript Object Notationの略で、JavaScriptで簡単に扱えるテキストベースのデータフォーマットです。たとえば下記のような構造になっています。 JSONサンプル [ { "name": "技評太郎", "age" : 26, "skills":["PHP" , "JavaScript"] }, { "name": "長谷川広武", "age":25, "skills":["HTML" , "CSS"] },
50 Useful Coding Techniques (CSS Layouts, Visual Effects and Forms) — Smashing Magazine
Although CSS is generally considered a simple and straightforward language, sometimes it requires creativity, skill and a bit of experimentation. The good news is that designers and developers worldwide often face similar problems and choose to share their insights and workarounds with the wider community. This is where we come in. We are always looking to collect such articles for our posts so th
Pure CSS3 bokeh effect with some jQuery help
Bokeh – In photography, bokeh is the blur, or the aesthetic quality of the blur, in out-of-focus areas of an image, or "the way the lens renders out-of-focus points of light." (from Wikipedia). I’m pretty sure you’ve seen this effect before, since there are loads of wallpaper roundups and tutorials using this technique. Currently, one of my favourite wallpapers has to be this bokeh effect from -ko
Learning jQuery: Your First jQuery Plugin, “BubbleUP” | AEXT.NET MAGAZINE
Learning jQuery: Your First jQuery Plugin, “BubbleUP”
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Your jQuery Selector Context Can Be A jQuery Object
Recent Blog Posts By Ben Nadel
FLEX On jQuery: Decouple Components With Event Listeners
moto-mono.net
Multiple Login Forms with Highlighting | CSS-Tricks
jQuery code / syntax guidelines