zepto.js — the aerogel-weight mobile javascript framework
Zepto is a minimalist JavaScript library for modern browsers with a largely jQuery-compatible API. If you use jQuery, you already know how to use Zepto. While 100% jQuery coverage is not a design goal, the APIs provided match their jQuery counterparts. The goal is to have a ~5-10k modular library that downloads and executes fast, with a familiar and versatile API, so you can concentrate on getting
node.jsとjQueryでスクレイピングするウェブアプリの作り方
やっぱ jQuery 便利ですよ(*´・ω・)(・ω・｀*)ﾈｰ セレクタ使って jQuery でダカダカやってると、DOM とか正規表現でネチネチやるのがバカらしくなっちゃいます。 と日頃から思ってたりしてまして、サーバサイド JavaScript がメインストリームになって、jQuery でウェブアプリをコーディングできれば超ラクできるかもと期待しています。 で、先日サーバサイドJavaScriptとjQueryでスクレイピングという記事をうpったところ、やっぱ Rhino じゃなくて node.js がえーんよ(´･ω･｀)というコメントを頂きましたので、node.js と jQuery でサーバサイド JavaScript スクレイピングしてみることにしました。 今回は node.js ですので、単にスクレイピングする（コマンドラインから実行する）スクリプトだけじゃなくて、スクレイ
個人的に使うことが多い9つのjQuery・JavaScriptスニペット :: 5509
プラグインだけど公開してないものだったり、いつも使ってるプラグインとの組み合わせだったり、ショートコードとかなんだか色々。どれもCodaにスニペットで登録してて一発変換で使ってます。 コードはアレなんですけど、ひょっとしてひょっとすると誰かの役に立つかもしれないので恥ずかしながら公開します。対象はちょっとだけJS書けるとかそういう人ですかねたぶん。書ける人はもっとキレイなやつ使ってるでしょうし。（もっときれいに書けとか何そのコードとかも歓迎） 紹介してるスニペットたち ページトップにスクロールするだけ テキストボックスにラベル表示するやつ 要素のサイズを取得するやつ タブきりかえるやつ IEで透過pngをフェードしたときに黒くなるやつ対策のshow()とhide() Google Analyticsのトラックイベント一括bind Ajaxサイトにするときに使うリンク置き換えプラグイン スク
jQueryプラグインのベストトレンド総まとめ2010*ホームページを作る人のネタ帳
もはやこの業界ではかなり浸透しつつあるjQuery。 今回はそんなjQueryにスポットを当て、本年度紹介された中でも、ホットなトレンドプラグインをご紹介します。 ※プラグインつかってないのもあります。 １）3D表示プラグイン サンプルデモ 今年のトレンドと言えば3D。 というわけでこちら。まずはサンプルデモを確認。 触ってわかる通りですが、2枚の画像が3D表示されます。 呼び出す $(function() { $('#mindscape').smart3d(); }); HTML <ul id="mindscape"> <li><img src=".../mindscape1.png" /></li> <li><img src=".../mindscape2.png" /></li> </ul> CSS #mindscape { width: 720px; height: 170px;
jQuery でサイズや位置を取得する方法を図にしてみた - Cyokodog :: Diary
更新履歴 2010-01-21 本エントリの内容も含めた最新の情報は下記エントリをご参照ください。 jQuery の位置・サイズ関連メソッドまとめ - Cyokodog::Diary サイズの取得 煩雑になるので height の記述しかありませんが、width に置き換えれば幅もとれます。 普通のボックス要素 height() メソッドで取得できる値には、padding や border の分の高さを含みません。 CSS の height と同じなので、css('height')メソッドで取得してもよさそうですが、こちらの場合ブラウザの種類や CSS の定義の仕方で取得される値が異なる（クロスブラウザとしての機能が完全でない）ので、純粋に px 単位の高さを取得したい場合は height() メソッドを使用した方が無難です。 スクロールバー付きボックス要素 clientHeight には
便利なjQueryスニペット１０:phpspot開発日誌
10 Useful jQuery Snippets - Web Development Blog 便利なjQueryスニペット１０が紹介されています。 ・IE６でのアクセスの場合に警告 ・input type="text" のものにデフォルトテキストを実装するコード ・コンテンツのクリックで表示・非表示をアニメーション表示 ・印刷ダイアログを開く ・テーブルのtdにhover機能を付与するコード ・テーブルの奇数行にclassを付与する ・ページに指定divがあるかチェック ・全てのチェックボックスをON/OFFするコード 便利に使えそうなものが多いですね。 関連エントリ 押さえておきたい15のJavaScriptスニペット コードスニペット共有サイト:Snipplr
Greasemonkey で 超お手軽に jQuery を使うスニペット
【2011-06-07 追記】 下記の手法は Chrome の Greasemoneky では無効なため、Firefox / Chrome 両対応としたい場合は Greasemonkey で 超お手軽に jQuery を使うスニペット [Chrome 対応版] を参照してください。 タイトルの通りです。 特徴 script タグ追加型の読み込み $ 関数として利用可能 該当ページですでに jQuery が読み込まれていればそれを利用 jQuery スクリプト自体のアップは不要 (Gogole の CDN を利用) ローカルのキャッシュも多分有効 (CDN が適切なヘッダを返してれば) jQuery 読み込み完了を待ってから実行される 作成動機 Greasemonkey で jQuery を使う方法検索してみると、GM_xmlhttpRequest で読み込んで eval する方法と、scr
[js] 画面全体をオーバーレイする | おれせか
Deprecated: Assigning the return value of new by reference is deprecated in /home/users/1/fool.jp-ichi/web/blog/wp-settings.php on line 472 Deprecated: Assigning the return value of new by reference is deprecated in /home/users/1/fool.jp-ichi/web/blog/wp-settings.php on line 487 Deprecated: Assigning the return value of new by reference is deprecated in /home/users/1/fool.jp-ichi/web/blog/wp-setti
FlashとjQuery どちらで実装するか決める際の重要なファクター
ウェブサイトを構築する際、FlashとjQueryは非常に魅力的なツールです。コンテンツを実装する際にどちらを使用すべきか迷うこともあると思います。 両方の特徴を把握し、実装する際に適切に選択するための重要なファクターを紹介します。 A Closer Look at Choosing Between Flash and jQuery 下記は各ポイントを意訳したものです。 はじめに 1. FlashとjQuery どちらにするか重要なファクター 2. jQueryとFlashサイトのショーケース まとめ はじめに HTML5の登場により、それがFlashを破るか否かに関わらずこれらはウェブコミュニティで議論の的でした。この議論が活発に行われる中、Flash vs. JavaScriptの話題は少し失われていました。 ここではJavaScriptの中から特に人気の高い「jQuery」をとりあげ
jQuery+CSSで実装するナビゲーションメニュー総集編 - かちびと.net
jQueryを使用したcssナビゲーション メニューのまとめです。フェードや スライド、滑らかにドロップダウンする、 などなど色々なメニューをまとめました。 それほど多用はしませんが、必要な 時に探すのが面倒なので備忘録的に。 という訳で、個人的なjQuery+cssメニューの総集編です。 全部で73個。複数ブラウザでの確認はしていません。順不同です。少し重いかも・・ Large Drop Down Menu スライド&ドロップダウンメニュー Search Box with Filter and Large Drop Down Menu Fly-out Menu with jQuery and CSS3 カッコいいですねー。反対側からスライドするフライアウトメニュー。css3を使っています。 Fly-out Menu with jQuery and CSS3 Rocking and Rol
Introducing jQuery
jQueryって何 JavaScriptのフレームワーク みんな超使ってる ややこしいことが超簡単にできる John Resigってすげー人が作ってる とにかくイケてる なぜjQueryはイケてるのか 超短く書ける。そう作られてる。 Write Less, Do More. たくさんプラグインがある。使うの簡単。 DOM操作周りにめちゃ強い。 JavaScript始めるのにもオススメ。 ブラウザごとの差異も吸収してくれちゃう ブラウザ上でなんかするのに必要な機能が詰まってる プログラム書く流れ JavaScriptに限らず、大体こんな感じ。 こんなん作りたい APIを調べる それをどーやって使うのか調べる なんか難しそうだったらフレームワークとか調べる 文法を知る（大体どれも大きくは変わらない） 書いてみる APIとかフレームワークとか知らん 大丈夫です。 そんなん普通、調べないと知りませ
Hello, world! : jQueryのgetJSONでエラー処理
February 24, 201000:56 カテゴリ技術 jQueryのgetJSONでエラー処理 Ajaxで使われるXMLHttpRequestオブジェクトはブラウザの制限によりクロスドメイン通信ができないという制限があり、それを回避する方法の一つとしてJSONPという仕組みがある。 JSONPでは、scriptタグを用いるとドメインの異なるサーバに置いてあるスクリプトファイルを読み込むことができるという特性を逆手にとり、データを取得できるAPIのURLをsrc属性に指定したscriptタグを動的に追加することで、異なるドメインのデータを取得する。 jQueryにはJSONPを簡単に利用するためのAPI（getJSON）が用意されている。そのAPIを利用すればデータ取得先のURLとコールバック関数指定するだけで異なるドメインにあるJSONデータを取得することができる。しかし、そのAPI
『jQueryを使って、外部サイトへのリンクだけ別ウィンドウで開く方法』
以前、静岡の住宅建設会社さんのサイトをYahoo!カテゴリへの登録申請をした際に、外部サイトへのリンクが別ウインドウで 開いていない、という指摘を受けました。 対処方法は、外部サイトへのリンクは別ウインドウで開くようにAタグを書き直せば良いのですが、この静岡の住宅建設会社さんはページが多めなこともあり、今回はjQueryを使って、外部リンクの場合だけ別ウィンドウで開くように設定をしました。 （僕じゃなくてシステムの人がやってくれた。） 以下その方法 1.jQueryのサイトからjquery.jsをダウンロードしてくる。 2.ページのヘッダにjquery.jsを読み込む。 <head> <script type="text/javascript" src="jquery.js"></script> </head> 3.ページソース内(ヘッダとか)に下記スクリプトを書く。 <head> <sc
Jquery Labs | jQuery Plugins, Menus, Tutorials, Tools
jQuery Plugins
jQueryプラグイン サンプル（フォーム系）：skuare.net
JavaScriptライブラリのjQueryのプラグインを利用して出来るサンプルです。 jQueryは、John Resig によって開発されたJavascriptライブラリで、AjaxやDOMプログラミングコードを「簡潔・簡単」に書けます。 ここでは、フォーム関連のjQueryプラグインを紹介しています。 国際電話番号を判別するjQueryプラグイン「jquery.mobilePhoneNumber」 電話番号を入力してもらう際に国際電話のケースもあるかもしれません。 その際はjQueryプラグインの jquery.mobilePhoneNumberを利用するとユーザーに安心感を与えられるかもしれません。 via：jquery.mobilePhoneNumber
Date オブジェクトを拡張する jQuery.exDate.js - Cyokodog :: Diary
更新履歴 2009-03-25 addMonths メソッドでマイナス値を引数にした時の不具合を修正しました。 JavaScript の標準オブジェクトである Date オブジェクトに、各種拡張機能を追加したオブジェクトを返す jQuery プラグインを作ってみました。インスタンス化した Date オブジェクトに独自の拡張メソッドを追加する実装になっているので、Date.prototype の汚染も無く、Date オブジェクト純正メソッドとの併用が可能です。 インスタンスの生成 まず、下記のように記述し Date オブジェクトを生成します。引数を省略した場合は、現在日付時刻の Date オブジェクトが生成されます。 var date = $.exDate(); 引数を指定することで任意の日付時刻のオブジェクトを生成できます。デフォルトフォーマットは yyyy/mm/dd です。 var d
かっこいい画像オーバーレイ表示スクリプト31 – creamu
画像やswfなどをかっこよくオーバーレイで表示したい。 そんなときにおすすめなのが、『31 mind blowing collection of jQuery light box』。かっこいい画像オーバーレイ表示スクリプト集です。 いいものが揃っているので、いくつかご紹介します。 Milkbox オーバーレイのスライドショーが作成できるMilkbox。swfも読み込めます PrettyPhoto 角丸デザインで、動きも美しいPrettyPhoto。swfやYouTubeなども読み込めます SuckerFish HoverLightbox マウスオーバーで一覧表示されるギャラリーを作成できるSuckerFish HoverLightbox Moo Multibox ヒュイーンと移動して拡大されたり、ぱたっと畳まれて縮小する等、細かい動きを演出したMoo Multibox moo.Playgr
jQueryで要素を動かして印象的にする：via Crafting an Animated Postcard With jQuery
jQueryで要素を動かして印象的にする：via Crafting an Animated Postcard With jQuery 昨今Tori's Eyeのように要素をJavaScriptで動かしているサイトを多くみます。 今回はjQueryを使用して要素を動かす方法を紹介します。 via：Crafting an Animated Postcard With jQuery sponsors 使用方法 サンプルのようなアニメーションを作るには以下のようなhtmlを記述します。 使用するファイル一式はCrafting an Animated Postcard With jQueryからダウンロードしてください。 <div id="content"> <div id="sun"><img src="images/sun.gif"/></div> <div id="cloud1"><img s
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://www.designwalker.com/2010/06/jquery-forms.html
http://cyokodog.appspot.com/jquerydoc/