jQuery Mobileでのアプリケーション開発にBackbone.jsを導入しよう | Lab by engineering@dwango.jp
こんにちは、2011年度新卒エンジニアの夏目です！突然ですがみなさんJavaScript書いてますか？ 最近はjQuery Mobileなどを利用したスマートフォン向けアプリ開発において、クライアントサイドでもヘビーなJavaScriptのコーディングをする機会があると思います。そのようなときコードのいたるところにHTMLが混入したり、どこでどのデータを扱っているのか分からなくなるということになりがちです。 今回はそんな悪夢のようなコーディング生活に一筋の希望の光を照らすBackbone.jsを紹介したいと思います。 対象読者 JavaScriptでの開発経験がある方 Backbone.jsとは Backbone.jsはDocumentCloudが開発をしている、クライアントサイドのJavaScriptコードをModel、View、Controllerで構築するためのフレームワークです。b
Essential JavaScript And jQuery Design Patterns - A Free New Book
Essential JavaScript And jQuery Design Patterns - A Free New Book November 14, 2010 Hey guys. Today I'm happy to announce the release of a free book I've written called 'Essential JavaScript & jQuery Design Patterns For Beginners'. Design patterns are reusable solutions to commonly occurring problems in software development and are a very useful tool to have at your disposal. I wanted to write thi
WordPressでGoogle AJAX APIからjQueryを読み込む | wembley
WordPressにはjQueryがあらかじめ内蔵されており、関数によって簡単に呼び出せます。 参考：WordPressにおけるjQueryの仕様について ただ、読者はそのサイトが置かれているサーバまでいちいちjQueryやjQuery UIを読みに行かなくてはならず、ロード時間の増加に繋がってしまう、かもしれない。 そこで、Google AJAX Libraries APIのキャッシュを使えば場合によっては少し読み込み時間の短縮に繋がる、かもしれない。 ならばwp_enqueue_script( ‘jquery’ )による読み込みをGoogle APIに書き換えてしまおう、というちょっとした企みです。 Google AJAX Libraries APIとは？ Googleによる説明 : AJAX Libraries API について メジャーなJavaScriptのライブラリ
無限に回転するカルーセルＵＩ実現用jQueryプラグイン実装チュートリアル:phpspot開発日誌
jQuery Infinite Carousel | jQuery for Designers - Tutorials and screencasts 無限に回転するカルーセルＵＩ実現用jQueryプラグイン実装チュートリアル 次のような、最後のアイテムに移動しても、最初に戻る無限に回転するカルーセルを作成していくチュートリアルが公開されています。 スクリーンキャストで、作成の過程についても紹介されていて、分かりやすい。 単純に誰かの開発環境を覗くという意味でも勉強になりそう。 更に、図入りで、仕組み・コードについて紹介する形のチュートリアルになっています。 関連エントリ ナビゲーションメニューを1歩進んだものに引き上げるjQueryチュートリアル集 jQueryやPHPを使った便利な仕組みのチュートリアル集 jQueryクライアントとPHPサーバ間をJSONで結ぶチュートリアル
ページをめくるエフェクトのまとめ「5 Extremely Simple Ways To Add Page Curl To Your Website」
ページの右端がめくれかかっていて、マウスオーバーするとページに隠されていたメッセージなり、コンテンツが出てくる手法がたまに見かけますが、今日はそういった手法を実装できる方法をまとめたエントリー「5 Extremely Simple Ways To Add Page Curl To Your Website」を紹介したいと思います。 simple-page-peel-effect-with-jquery-css 全部で5つの方法が紹介されていましたので、それぞれ紹介したいと思います。 詳しくは以下 ■sexy-curls-jquery-plugin ■jquery-page-peel-12 ■pcandweb-page-peel-for-wordpress ■wordpress-page-peel-plugin RSSや広告など特に見せたい部分注目させたい部分を埋め込むことが多いみたいです。
その場で検索して結果に素早くアクセスする·jQuery Live Search MOONGIFT
インターネットの世界では素早さを求める動きが強まっている。それこそ、サイト内検索で欲しい情報が見つからなかったり、レスポンスが遅れたりすればあっという間にユーザがいなくなってしまう。 JavaScriptだけで検索を行う そんな高速なサーバ検索は難しいかもしれないが、クライアントサイドであれば意外と高速化できる。 今回紹介するオープンソース・ソフトウェアはjQuery Live Search、jQueryを使ったリスト検索ライブラリだ。 jQuery Live SearchはWebページ上にあるリストを検索するライブラリだ。リアルタイムにフィルタリングが行われるのでインクリメンタル検索に近い。デモでは1,000件のリストに対してフィルタリングを行っている。 文字を入力するたびに絞り込まれていく レスポンスはブラウザの性能によるだろうが、思っていた以上に高速だ。検索結果の件数も表示されるので
アイコン付きタブが可愛いアニメーションメニューを実装するチュートリアル:phpspot開発日誌
jQuery Tabbed Interface / Tabbed Structure Menu Tutorial | Queness アイコン付きタブが可愛いアニメーションメニューを実装するチュートリアル。 次のような美しいUIと共に、クリックするとアニメーションしながらメニューが切り替わるナビゲーションの作成チュートリアル。 デモページ HTML,CSSの構成についても分かりやすく解説されています。 JavaScriptはjQueryを使って実装されているみたいです。 サイトのサイドメニューとして置くと、スペースが有効活用できるだけでなく、オシャレ感を出すことができそうです。 関連エントリ 滑らかにアニメーション動作してナビゲーションにも使えそうな1KBのアコーディオンＵＩ ナビゲーションのUIはこれで完璧かもなjQueryプラグイン集 デザインの参考になるユニークなナビゲーション集 j
デザイナー・コーダー必見！使えるform関連jQueryプラグインの数々 | バシャログ。
こんばんは、最近ホルモン焼きにハマっているishidaです。 WEBサイト制作時、formは必ずといってもいいぐらい存在します。 お問い合わせフォームや会員登録フォームなどがすぐに思いつきますよね。 デザインをがっつりフォーム部分で作り込んでも、CSSのみでは、 実現できなかったりすることもよくあります。 そんなクセのあるformを、よりリッチに！かつ操作性を向上！できるjQueryプラグインの数々をご紹介します。 デザイナーの方は、フォームのデザインの参考に。 コーダーの方は、ページ作成時間の短縮に手助けになればと思います。 jQuery plugin: Validation フォームの入力チェック（バリデーション）が簡単にできるプラグイン。 エラーメッセージはlocalizationディレクトリ内に18言語用意されています。 日本語用は別途作成し、使用することが可能です。 jQuery
jQuery版のLightBox「ThickBox」
jQuery版のLightBox「ThickBox」 ThickBoxはLightBoxのjQuery版とも言えるJavaScriptライブラリで、画像をクリックするこのにより拡大画像を表示させることが可能です。 LightBoxがprototype.jsをベースに開発されたjsライブラリであるのに対して、ThickBoxはjQueryをベースに開発されています。 設置方法 配布ページよりjquery.jsとloadingAnimation.gif、thickbox.css、thickbox.jsというファイルをダウンロードし、ThickBoxを利用したいhtmlのhead要素などでそれらのファイルを読み込みます。 <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript"
簡単・軽量の吹き出しJavaScript「vTip」
twitter facebook hatena google pocket リンクや画像などにマウスを乗せると吹き出しのように説明を表示するJavaScriptがあります。 これを簡単かつ軽量のJavaScriptで実現したのが、jQueryプラグインの「vTip」です。 sponsors 使用方法 vTipからファイル一式をダウンロードします。 <link href="vtip.css" media="screen" rel="stylesheet" type="text/css" /> <script type="text/javascript" src="jquery-1.3.2.js"></script> <script type="text/javascript" src="vtip.js"></script> ディレクトリ構造を維持しない場合、vtip.js内で吹き出しの矢印部
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://moto-mono.net/2009/06/04/turorial-using-iphone-like-input-delete-button.html
IDEA * IDEA