前の記事 ≪:2009年8月17日 管理人のブックマーク
次の記事 ≫:ボタン作成のPhotoshopチュートリアル集

JavaScriptのウィジェット作成や各種メニュー作成等、便利なチュートリアル集のまとめ

2009年08月18日-はてなブックマーク

スポンサード リンク
[PR] 英単語を忘却曲線アプリを使って超効率よく記憶する方法

JavaScriptのウィジェット作成や各種メニュー作成等、便利なチュートリアル集のまとめ。
ここ最近で巡回したもので便利そうなチュートリアルを以下にまとめてみました。

沢山あるので使えそうなものだけ覚えておくとよいかもしれません。

Quick Tip ・Resizing Images Based On Browser Window Size
ブラウザサイズによって画像のサイズを変えるjQueryチュートリアル


Horizontal Sub-nav with CSS & jQuery - Subnavigation Tutorial - CSS Tutorial - jQuery Tutorial
水平サブナビゲーション実現のためのjqueryチュートリアル


Making an Expanding Code Box
一定サイズに綺麗に収まり、マウスオーバーで元のサイズになって中身が見れるコードボックス作成


Create a Dynamic Scrolling Content Box Using AJAX
jQueryを使い動的にアイテムをロードして無限スクロールが可能なアイテムボックス実装チュートリアル


Create a Thumbnail Gallery with Slick Heading and Caption Effect with jQuery | Queness
なめらかにアニメーションするイメージ上キャプション作成チュートリアル


How to Create A Simple Web-based Chat Application - Nettuts+
シンプルなウェブベースチャット作成チュートリアル


Create a Slick and Accessible Slideshow Using jQuery
なめらかにスライドする紙芝居風スライドショー実装のチュートリアル

デモページ

Ajaxed Sliding Shopping Cart With jQuery
カートが目立たず、いい感じにスライドしてくれるショッピングカートの仕組み


Animated Navigation w/ jQuery & CSS | jQuery Navigation | jQuery Tutorial | Easy jQuery Navigation Tutorial
アニメーションするナビゲーション作成チュートリアル

デモページ

Create The Fanciest Dropdown Menu You Ever Saw | Web Design Tutorials | Creating a Website | Learn Adobe Flash, Photoshop and Dreamweaver
ファンシーなドロップダウンリスト作成チュートリアル

デモページ

Create a Twitter-Like Widget - Nettuts+
TwitterみたいなLoadMoreで次のエントリを画面内に表示するチュートリアル

デモページ

Create the accordion effect using CSS3 | The CSS Ninja - All things CSS, Javascript & xhtml
CSS3でアコーディオンエフェクトをかける例

デモページ

Delete Records with Random Animation Effect using jQuery and Ajax.
アニメーションと共にその場でレコードを削除しDBにも反映させるスクリプトチュートリアル

デモページ

Drag & Drop with PHP & jQuery | Papermashup.com
PHPとjQueryでドラッグ&ドロップ後、サーバーに保存するチュートリアル


FancyPlayer ? jQuery Fancybox and Flowplayer Integration Tutorial | WebGurus Design Blog
FancyBoxとFlowplayerでLightBox上で動画を流す仕組みを作成するチュートリアル


How to Build an Auto-Expanding Textarea jQuery Plugin, Part 1
自動で拡張するテキストエリアの作成チュートリアルその1

デモページ

How to Build an Auto-Expanding Textarea jQuery Plugin, Part 2
自動で拡張するテキストエリアの作成チュートリアルその2

How to Build an Auto-Expanding Textarea jQuery Plugin, Part 3
自動で拡張するテキストエリアの作成チュートリアルその3

How to Create a Beautiful Dropdown Blogroll Without JavaScript | Pro Blog Design
ドロップダウン形式のブログロール作成チュートリアル


jQuery Ajax delete | Papermashup.com
AjaxでアイテムデリートするjQueryチュートリアル

デモページ

Twitter like Search with jQuery and Ajax.
ajaxでリアルタイムTwitter検索

デモページ

bit.lyのAPIを使ってAjaxでURLを速攻で短くするサンプルプログラム


16 Impressive Flash-Like Javascript Animation Inspirations, Tutorials and Plugins | Queness
JavaScriptでFlash風アニメーションを実現するお手本サイト集、チュートリアルやプラグイン集


サイトに実装してユーザビリティ向上などに役立てられるかも。

関連の記事検索:jQuery, まとめ
スポンサード リンク

By.KJ : 2009年08月18日 07:01 livedoor Readerで購読 Twitterに投稿

間違いの指摘をしていただける方はメール、あるいはTwitter/FBでお願いします(クリック)