jQueryでは現在一般的に利用されているCSS2.1だけでなく、CSS3で定義されているセレクターや、jQuery独自のセレクター(フィルターと呼びます)も利用できます。最初のうちは使い慣れたCSSセレクターを利用し、jQueryに慣れてきたらさまざまなセレクターを使い分けるようにするとよいでしょう。
![40分で覚える!jQuery速習講座 (2/6)](https://cdn-ak-scissors.b.st-hatena.com/image/square/8a2f99750d012877e33dfae937566226288ca9ba/height=288;version=1;width=512/https%3A%2F%2Fascii.jp%2Fimg%2F2010%2F02%2F16%2F1573452%2Fl%2F63fdd3f848a94b1e.jpg)
いまや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
タグクラウドを3D化する試みはいくつかあるみたいですが、javascript(jQuery)ではないっぽいので作ってみました。setIntervalの代わりにjQueryのタイマープラグインを使っています。 ul要素 のタグリストを元にして、position:absolute;のリンクブロックを作り、それぞれを立方体(もしくは直方体)になるように位置を計算して、タイマーやマウスアクションのイベントで再計算する感じです。今回はタイマーで自律的にゆっくりと動かしています。 タグの数が立方数なら立方体となり、中心で回転しますが、 立方数でない場合は中心がずれます。 これはこれで動きとしては面白いかも。
2020年1月7日 追記: picplzは2012年7月3日に閉鎖されましたので、この記事のデモはもはや動きません。 写真にフィルタをかけてアップロードできる写真SNSのpicplzですが、2月にAPIが公開されていましたので、それを使ってギャラリーを作ってみました。 picplz API 今回はpicplzのinterestingにある画像を一覧表示します。 いやまあ直接見に行けばいいってのは分かってますけどねw デモとダウンロードは以下からどうぞ。 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の制限
jQuery MobileでGoogle Mapsの表示からお問い合わせフォームの作成まで「jQuery Mobile」でスマホサイトを作ってみよう【実践編】 スマートフォン向けフレームワーク注目の「jQuery Mobile」の第2弾の記事です。前回はjavascriptを一行も書かずにjQuery Mobileでページを作成してみましたが、今回はスマホサイトで、google Mapsやお問い合わせフォームの設置など、より実践的に使える内容を作っていきたいと思います。 前回の記事はこちらになりますので見ていない人はこちらから見るとより今回の記事がわかりやすいくなります。 スマートフォン向けフレームワーク注目の「jQuery Mobile」でスマホサイトを作ってみよう【基本編】 さて前回もあげましたが、jQuery Mobileのメリットと言えば! マルチデバイスに対応できる クロスブラウ
さて、まず「ローカル Web アプリ」ってなんぞっていう話ですが、Web ベースの技術で作られブラウザからサーバにアクセスして利用するものの、いったんロードが完了したら、それ以降はネットワーク接続不要で動作する Web アプリ、といった概念を表した造語です。 iPhone の App Store を経由することなく配布が可能なので、アプリの内容について一切の制限がなく、また、最近のライブラリの進歩やモバイルパフォーマンスの向上により、ものによってはネイティブアプリと遜色ないレベルのものも作れるようになってきました。 先日、1 Click Config (閉鎖済) (解説記事) を作って公開しましたが、これがまさにローカル Web アプリとして動作しています。 ここで使われている技術の各論についてはそれぞれ詳しく書いたサイトがあるのですが、これらの技術をひとまとめに紹介しているサイトが見当た
jQuery.sheetはjQueryで作られたWebベースの表計算ソフトウェアです。 業務システムなどではWeb上にテーブルを表示するというケースがよくあります。さらに一歩進んで表計算のように集計したり並び替えたりしたいという無茶な要望が出るかも知れません。そんな時に使ってみたいのがjQuery.sheetです。jQuery製の表計算ソフトウェアです。 カラムはもちろん、グラフの表示までできてしまう本格的な表計算ソフトウェアです。 最大化表示。セルの値を参照することもできます。 テキストだけではなくラジオボタン等も使えます。 関数も多彩に用意されています。 編集しているところ。 文字装飾を変更します。メニューから選択できます。 HYPERLINKはその名の通りリンクを埋め込みます。 データにはHTML/XML/JSONが使えます。エクスポートも各フォーマット向けに可能です。 JavaSc
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く