タグ: JavaScript
オススメ記事:jQueryを使ってAJAX/JavaScript開発を単純化
http://codezine.jp/article/detail/2907
『CodeZine』にて、「サンプルアプリケーションを作成してjQueryの概要を理解しよう」という趣旨の記事を見つけた。
jquairyは、最近WEB開発でリッチなインターフェイスを実装しようとすると、いつも出てくるけど、いざ、これって何よ?ってことになると、?だったりする。
この記事で一通りの知識を身につけておきたいところ。
jQuiryを使うと、
$(“#sampleDiv”).css(“margin-top”, “35px;”);
なんてコードで、CSSをインタラクティブに書き換えたり。
ぜひ、お勉強して、カッチョイイページを作ってチョウダイ。
ポピュラーな10のJSフレームワーク集
http://sixrevisions.com/javascript/promising_javascript_frameworks/
jQuaryは既にみんな使ってますねぇ。
JSが好きな人やコーダーの人は、JSのフレームワークは色々面白いものを探して活用しているよう。
こういうのを集めておくと、何かインタラクティブな仕掛けをしたいサイトのときに、とても役立ちそう。(とか言いつつ、たまっていくだけのネタ帳;)
jQuiryを利用したホバーアニメーション効果色々
http://snook.ca/archives/javascript/jquery-bg-image-animations/
こちらは、デモページ。
http://snook.ca/archives/javascript/jquery-bg-image-animations/
滑らかな動作で面白い効果が色々ある。
ナビゲーションをちょっとデザインしたいときなんかに良いね。
その他のjQuiryとかCSSを使ったアニメーション効果色々。
- Create a Cool Animated Navigation with CSS and jQuery [nettuts.com]
- CSS Sprites2 – It’s JavaScript Time [alistapart.com]
- Animated navigation items using jQuery [tyssendesign.com.au]
- Garage Door Style Menu [css-tricks.com]
LIGHTBOX2.0で、かっこよく画像をポップアップする!
LIGHTBOXというのはJAVASCRIPTで、要は画像のポップアップとかに使うわけだけども、クールなインターフェイスでなかなかカッコイイのですな。複数画像をグループ化して、フォトギャラリーみたいなスライドも出来る。
- 『ゼロからはじめるLightbox 2.0 – 簡単にWebで写真アルバム機能を
http://journal.mycom.co.jp/articles/2007/06/14/lightbox/
LIGHTBOXの概要と使い方が分かりやすくまとまっている。 - 『Lightboxスクリプトいろいろ』
http://www.designwalker.com/2008/01/lightbox.html
スクリプトサンプルとか。 - Lightview
http://www.nickstakenburg.com/projects/lightview/
デザインが素敵なブランチ版 - 2.0をちょっと改造したひと。
http://www.fsiki.com/jet/css-xhtml/lightbox-js-v2.html
こういうのが、色々あると、WEBのデザインインターフェイスもたのしいですね。