jQueryでは現在一般的に利用されているCSS2.1だけでなく、CSS3で定義されているセレクターや、jQuery独自のセレクター（フィルターと呼びます）も利用できます。最初のうちは使い慣れたCSSセレクターを利用し、jQueryに慣れてきたらさまざまなセレクターを使い分けるようにするとよいでしょう。
いまやWeb制作に欠かせなくなったJavaScript。でも、「JavaScriptはほとんど“アリモノ”で済ませている」という方も多いのでは？ そこで、WebデザイナーやマークアップエンジニアなどのWeb制作者の方向けに、いま一番人気のJavaScriptライブラリー「jQuery」の基本を学べる特別レッスンをお届けします。題して、「40分で覚えるjQuery」。要点だけにぎゅっと絞って解説しますので、手を動かしながら今すぐjQueryを始めましょう。 【0分目：導入編】 jQueryのダウンロードと利用方法 jQueryのライブラリー本体（JavaScriptファイル）は公式サイトからダウンロードし、head要素などにscript要素を書いて読み込みます。
Percentage Loader 超カッコいいローディングを実現できるjQueryプラグイン「Percentage Loader」 次のようなカッコいいローディングが簡単に実装できます。Canvas描画なのでサイズ変更等も自由にできるみたい 超シンプルに実装可能です なんとなくローディング後の画面を期待させる物となっていますので、ローディング後も気合を入れたいところですね 関連エントリ HTML5でプログレスバー付きファイルアップロードを実現する例 プログレスバーをバリバリに自分好みにできるjQueryプラグイン「Extended Progress Bar」
jQuery Mobile とは jQuery Mobileはモバイルアプリケーション用のJavaScriptライブラリです。 jQuery Mobileを用いることにより、全てのスマートフォンOSに対応する統一されたUIや画面遷移などの機能を簡単に実装することができます。 PhoneGapにおけるアプリ開発において、jQuery MobileはUI面をPhoneGapが機能面をそれぞれ実装することで、さらにネイティブに近いアプリを作ることができるようになります。 jQuery Mobileを使用するにはjQuey Mobileのcssファイルとjsファイル、さらにjQueryのjsファイルをそれぞれページにロードする必要があります。 jQuery Mobileのダウンロードはこちら >> jQueryのダウンロードはこちら >> ページのレイアウト >> jQuery Mobil
Lightweight Circle slideshow〔くるくる回して画像を切り替える円形のイメージギャラリー〕 Smooth Div Scroll〔水平方向に並べた画像をマウス操作でするするスクロール〕 Nivo Slider〔9種類のエフェクトがかけられるイメージスライダー〕 Galleriffic〔画像ギャラリーをリッチかつ高速にレンダリング〕 IMGPREVIEW〔マウスオーバーでリンク先の画像をプレビュー表示〕 jQuery largePhotoBox plugin〔大きな画像対応ポップアップ（マウス移動で画像全体を閲覧可能）〕 PIROBOX〔シンプルかっこいい画像ポップアップ〕 bxGallery〔シンプルな画像ギャラリー〕 A Simple jQuery Slideshow〔シンプルなスライドショー〕 Accessible News Slider〔全件表示や件数に応じて前
3d tag cloud Moving on from the basic 3d stuff, here's a tag cloud! Now available as a jquery plugin. Instructions and downloads available on my bitbucket account. Tags are sized according to weight. Touch / drag within the black box to rotate the tags. Mouse wheel zooms. I'm a freelance python, django, jquery developer. Please get in touch with me via the home page if you would like to commission
JavaScriptライブラリのjQueryのプラグインを利用して出来るサンプルです。 jQueryは、John Resig によって開発されたJavascriptライブラリで、AjaxやDOMプログラミングコードを「簡潔・簡単」に書けます。 ここでは、その他のjQueryプラグインを紹介しています。 ちょっとしたアニメーション効果で印象をぐっと良くするためのjQueryプラグイン「animo.js」 時折背景に線を散らしているサイトがありますが、それをjQueryプラグインLines.jsを使って描くことが可能です。 これにより印象的な感じのサイトになるかもしません。 via：Lines.js
タグクラウドを３D化する試みはいくつかあるみたいですが、javascript(jQuery)ではないっぽいので作ってみました。setIntervalの代わりにjQueryのタイマープラグインを使っています。 ul要素 のタグリストを元にして、position:absolute;のリンクブロックを作り、それぞれを立方体(もしくは直方体)になるように位置を計算して、タイマーやマウスアクションのイベントで再計算する感じです。今回はタイマーで自律的にゆっくりと動かしています。 タグの数が立方数なら立方体となり、中心で回転しますが、 立方数でない場合は中心がずれます。 これはこれで動きとしては面白いかも。
2020年1月7日 追記： picplzは2012年7月3日に閉鎖されましたので、この記事のデモはもはや動きません。 写真にフィルタをかけてアップロードできる写真SNSのpicplzですが、2月にAPIが公開されていましたので、それを使ってギャラリーを作ってみました。 picplz API 今回はpicplzのinterestingにある画像を一覧表示します。 いやまあ直接見に行けばいいってのは分かってますけどねｗ デモとダウンロードは以下からどうぞ。 IE 8以降なら普通に見れると思います。 Interesting Photo Gallery w/ picplz API デモファイルをダウンロード まずはHTMLから。 必要な要素をそのまま記述しておきます。 <div id="gallery"> <!-- ここにサムネイルのギャラリーが入る ul > li > a > img --> <
印刷する メールで送る テキスト HTML 電子書籍 PDF ダウンロード テキスト 電子書籍 PDF クリップした記事をMyページから読むことができます 6．Windows 8 Windows 8は、予定が大きく遅れない限り、2012年中に発売される予定だ。Windows 8の立ち上がりは芳しくない結果になる可能性が高いが、アプリケーションストア導入時の競争に最初に参入すれば、そこでの競争でトップに立てる可能性も高い。先行者の優位は大きい。日和見するよりも、Windows 8のアプリケーションストアがスタートすると同時に参入した方がいい。たとえWindows 8の販売成績が芳しくなくても、最近のアプリ販売統計が示しているように、大海でどこにいるかわからなくなってしまうよりは、井の中の蛙になる方が望ましい。 7．RESTを使ったウェブサービス わたし個人は、Visual Studioの制限
Introduction In the ever-evolving landscape of web browsing, staying abreast of the latest technologies is crucial. HTML5, the fifth and current version of the Hypertext Markup Language, has revolutionized the way we experience the web. With its advanced features and enhanced capabilities, HTML5 has become the cornerstone of modern web development, offering a more seamless and interactive user exp
さて、まず「ローカル Web アプリ」ってなんぞっていう話ですが、Web ベースの技術で作られブラウザからサーバにアクセスして利用するものの、いったんロードが完了したら、それ以降はネットワーク接続不要で動作する Web アプリ、といった概念を表した造語です。 iPhone の App Store を経由することなく配布が可能なので、アプリの内容について一切の制限がなく、また、最近のライブラリの進歩やモバイルパフォーマンスの向上により、ものによってはネイティブアプリと遜色ないレベルのものも作れるようになってきました。 先日、1 Click Config (閉鎖済) (解説記事) を作って公開しましたが、これがまさにローカル Web アプリとして動作しています。 ここで使われている技術の各論についてはそれぞれ詳しく書いたサイトがあるのですが、これらの技術をひとまとめに紹介しているサイトが見当た
jQuery.sheetはjQueryで作られたWebベースの表計算ソフトウェアです。 業務システムなどではWeb上にテーブルを表示するというケースがよくあります。さらに一歩進んで表計算のように集計したり並び替えたりしたいという無茶な要望が出るかも知れません。そんな時に使ってみたいのがjQuery.sheetです。jQuery製の表計算ソフトウェアです。 カラムはもちろん、グラフの表示までできてしまう本格的な表計算ソフトウェアです。 最大化表示。セルの値を参照することもできます。 テキストだけではなくラジオボタン等も使えます。 関数も多彩に用意されています。 編集しているところ。 文字装飾を変更します。メニューから選択できます。 HYPERLINKはその名の通りリンクを埋め込みます。 データにはHTML/XML/JSONが使えます。エクスポートも各フォーマット向けに可能です。 JavaSc
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Amazon.com: jQuery Mobile (English Edition): Reid, Jon: Digital Ebook Purchas