AjaxLineで、素晴らしいjQueryチュートリアルがまとまっています。 ざっといくつかご紹介。 » Animated Menu Using jQuery jQueryを使ったアニメーションするメニュー » How to create tab with JavaScript シンプルなタブ切り替えコンテンツの作り方 » Animated Navigation with CSS & jQuery マウスオーバー時にくるっくるっと切り替わるかっこいいメニュー » 5 Sliding Content Techniques, Examples & jQuery How to’s 画像をスライドで切り替える超クールなテクニック » jQuery FAQs: Scroll To and Highlight Tutorial ページ内リンクのスクロール後、対象のコンテンツをハイライトしてくれる »

nettuts+で、超クールなJavaScriptプラグインがまとまっています。 いくつかご紹介しますね。 » JQuery Validate jQueryによるクライアントサイドのバリデート » PrettyCheckboxes – jQuery FancyFormと似たかわいいチェックボックスを作るjQueryライブラリ » Thickbox 画像だけでなくテキスト等も読み込めるlightbox » FancyBox 超クールなFancybox。画像をすーっと拡大してくれる。デザインがMacライク » Slideshow 2! for MooTools とてもクールなMooToolsによるスライドショー » SmoothGallery こちらも超クールなスライドショー。MooTools v1.11を使用 » DynamicDrive – Carousel Slideshow 3Dに魅せ

speckyboyで、フォームを使いやすくするためのjQueryプラグイン&チュートリアルがまとまっています。 いくつかご紹介しますね。 » In-Field Labels jQuery Plugin inputの中に透かしのラベル名を入れられるプラグイン » A jQuery Inline Form Validation, because Validation is a Mess inputの右上に吹き出し型でバリデートのエラーメッセージを表示 » Justify Elements Using jQuery and CSS – Tutorial jQueryとCSSでlabelのwidthを揃えるチュートリアル » jQuery Comment Preview – Tutorial コメント入力中に投稿内容をプレビューできるプラグイン。↑のキャプチャはこちら » jQuery “High

CreativityDenというサイトで、jQueryをうまく使ったクールなポートフォリオサイトがたくさん紹介されています。 いくつかご紹介しますね。 » webalon jQueryを使って画像を水平方向にスクロールしているWebalonのサイト » metalabdesign マウスオーバーでさりげなくフェードイン&アウトするグローバルメニュー » brynnshepherd ”about me”タブをクリックすると、スライドして現れるコンテンツ » jp3design マウスオーバーすると、ふわっと浮き上がって落ちる時も滑らかなグローバルメニュー » cpeople スライディングパネルとスクローラーをクールに使ったCPeopleのサイト その他のリストは以下からどうぞ。 » 25 Portfolio Sites Using jQuery Amazingly Well pdfがcom

VISIONWIDGETというサイトで、フリーのjQueryコンテンツスライダーがまとまっています。 ざっといくつかご紹介。 » jFlow かわいいフォトスライダー » Create Featured Content Slider Using jQuery UI サイドバーにナビゲーションのあるスライダー。自動で切り替わる » A Basic Content Slider With jQuery 左右にボタンを配置したシンプルなスライダー » JC Play List xmlからリストを取得できるFlashコンポーネント » Creating a Slick Auto-Playing Featured Content Slider CSS-Tricks.comによる、Coda Sliderのようなとてもクールなスライダー かっこいいものがそろっているので実装したくなりますね。 その他のリ

Tutorial9で、Webデザイナーのための美しいjQueryプラグインが紹介されています。 ざっといくつかご紹介。 » jQuery.popeye – an inline lightbox alternative lightboxをギャラリーのようなインターフェースに代替したjQuery.popeye » jPlayer – jQuery mp3 player plugin jQueryで作るmp3ミュージックプレーヤー » jQuery form plugin jQueryで非同期通信のフォームを実装 » easyDrag jQuery plugin 簡単にコンテンツをドラッグ&ドロップできるようにするプラグイン » jQuery accordion plugin – vertical 垂直方向のアコーディオンメニュー » Switch stylesheets with jQuery

nettuts+で、CSSとjQueryで実装するタブコンテンツが紹介されています。 タブをクリックすると、アニメーションしながらスムーズにコンテンツを切り替えてくれます。 デモは以下から。 » Demo 一度見てみてください。 » Create a Slick Tabbed Content Area using CSS & jQuery ハワイに旅行した友人がブログでKUA AINAのバーガーがめちゃうまいって書いてたから、食べたくなって早速行ってきたぞ。日本だけどね。ばりうまかったのだ。

GEEK Sucksというサイトで、jQueryを使ったフェードイン&アウトエフェクトが紹介されています。 ざっといくつかご紹介。 » Jquery Fade In.Fade Out サイトに来たときには30%の透過、マウスオーバーで100%。画像やテキスト、リンクやdivに指定可 » Fade Transition Plugin for jQuery テキストや画像に簡単にフェードイン&アウト効果がつけられるプラグイン » Making a Slideshow with jQuery jQueryを使ったクールなスライドショー » Simple jQuery slideshows 2パターンの面白いスライドショーが組めるjQuery » InnerFade with JQuery 画像やdivなど、要素の種類に関わりなくフェードイン&アウト効果をつけられるプラグイン その他のリストは以下

HONGKIATで、ドロップダウンメニューを作るスクリプトがまとまっています。 ざっといくつかご紹介。 » CSS Drop-Down Menu Framework GNUライセンスのCSSドロップダウンメニューフレームワーク » CSS Express Drop-Down Menus CSSでさくっとドロップダウンメニューを作る方法 » JavaScript Dropdown Menu with Multi Levels javascriptを使ったマルチレベルのドロップダウンメニュー » Smooth Navigational Menu jQueryを使ったマルチレベルのナビゲーション » Mega Drop-Down Menu メニューの中にグループを設定できるメガドロップダウンメニュー » Mega Drop-Down Menu MooTools1.2を使ったシンプルなドロップダウ

webstandard blogで、jQueryを使ったクリエイティブなイメージギャラリーが紹介されています。 ざっといくつかご紹介。 » Full screen Image-Gallery フルスクリーンのクールなイメージギャラリー » ImageRotator クールにローテーションするギャラリー » Content-Gallery 下にサムネイルを配置したデザイン » Galleriffic シンプルなデザイン » Slider 水平方向にスクロールするクールなギャラリー その他のリストは以下からどうぞ。 » Creative Image-Galleries by jQuery 今日も超天気いーですねーーー。バイクで走りまくり。外苑前→白金→品川イマココ。

nettuts+で、ちょっと変わったナビゲーションデザインが紹介されています。 When designing a new site, web designers usually face the age-old question: vertical or horizontal navigation? There are pros and cons to both solutions. One example being horizontal navigation limits the number of links you can have due to a limited page width. This is usually solved by including a drop down system. However, if you are attempting to make yo

spyrestudiosというサイトで、かなり魅力的なjQueryチュートリアル&プラグインが紹介されています。 ざっといくつかご紹介。 » Creating a Keyboard with CSS and jQuery CSSとjQueryでPCのキーボードを実装 » Animate Curtains Opening with jQuery カーテンが開くアニメーションをjQueryで実装。↑のキャプチャはこちら » Sexy Drop Down Menu w/ jQuery & CSS するするっと消えていくクールなドロップダウンメニュー » Learning jQuery: Fading Menu – Replacing Content フェードイン&アウトして切り替わる超クールなメニュー » How to Load In and Animate Content with jQuer

GIANT ROBOTSというサイトで、かっこいいボタンを作る方法が紹介されています。 まずPhotoshopを使ってボタンをデザインしていく方法が書いてありますね。レイヤースタイルが細かく書かれているので参考になるのではないでしょうか。 CSSでの実装方法も書いてあります。↑のキャプチャのCSSスプライトはとてもわかりやすいですね。 一度見てみてください。 » How to make really nice buttons 今日も超いい天気ですね〜。暑い。今週もがんばりましょう。

WebDesignerWallで、illustratorエフェクトがまとまっています。 いろんな形の矢印の作り方や角丸、じぐざぐ、波線、バッジ、スケッチアイコンなど、基本的なものからおさらい的にいろいろと載っていますね。 “You may download the Illustrator file (CS2)”からAIファイルもダウンロードできるので、ぜひ見てみてはいかがでしょうか？ » Mastering Illustrator Effects よぅし行ってきまーす♪

かなりいいスクリプトを見つけました。 メニューの背景画像をアニメーションで切り替えてくれるjQueryです。 メニューにマウスオーバーすると、ふわーっとアニメーションして画像が切り替わります。Flashじゃなくてもこれでいい感じのが作れますね。 ライセンスはMIT Licenseとなっています。 ぜひ見てみてください♪ » Blend, a jQuery plugin effect for CSS backgrounds 今日はイベントです。みなさん来てください（うん）。 » マッシュアップ セッション　Web APIを使ってテキストデータを魅せる！

Smashing Magazineで、商用無料でタイポグラフィーなXHTML/CSSテンプレートが配布されています。 ざっといくつかご紹介。 ↑はT-20。 Megan David Kruger MiniCon Luvbold In May we announced the Typographic Layout Design Contest that aimed to collect beautiful typographic (X)HTML+CSS-based layouts created by the design community and release them for free as a gift for the web design community. However, we did receive a number of brilliant typographic te

Six Revisionsで、Webデザイナーのためのソーシャルニュースサイトが紹介されています。 ざっといくつかご紹介。 » Design Bump Webデザイナーとデベロッパに有益な情報が満載。↑のキャプチャはこちら » Pixel Groovy メンバーにフィルタリングされた役に立つチュートリアルがトップページに表示されるチュートリアルアーカイブサイト » design:related 有益なニュースやアイディアを共有し合うコミュニティーサイト » DesignFloat 素晴らしいデザイン関連のニュース、チュートリアル、記事が見つかる投稿型サイト » Digg/Design Diggのデザインセクション。デザインに関するトピックスが満載 » Hacker News デベロッパ、デザイナーのためになるニュース、チュートリアルリンク集サイト » WPscoop WordPressのニ

WEB HOSTINGというサイトで、サイトをかっこよくするCSSテクニックが紹介されています。 ざっといくつかご紹介。 » Image gallery with hover box preview 画像マウスオーバー時に拡大表示してくれる » Alert Box シンプルでクールなアラートメッセージデザイン » CSS Sliding Sprite Window CSSスプライトで背景画像をクールに切り替える » Gradient text effect using CSS purely CSSを使ってテキストにグラデーションをつける » Creating a sliding image gallery 水平・垂直方向のスライドするイメージギャラリー » CSS rollover buttons JSを使わずにCSSスプライトでロールオーバーボタンを実装 結構いい感じのがそろっていますね

1st webdesignerで、フリーのパターンが見つかるサイトがたくさん紹介されています。 ざっといくつかご紹介。 » DreamsTime DreamsTimeでパターンも見つかる » TileMachine パターンメーカーもあるパターン配布サイト » EveryDayIcons ポップなパターンが見つかる » Ava7Patterns クリエイティブなパターンがたくさん » DeviantArt Photoshop Patterns DevianArtにはパターンも置いてある ほかにもパターンのまとめ記事がたくさん紹介されているので、ぜひ見てみてはいかがでしょうか？ » 22 Free Seamless Vector Pattern Resources Perfect For Web Design MAISON KAYSERでバゲットとかいろいろ買った。ちょーうまいのだ。

noupeで、クオリティーの高いフリーのXHTML/CSSテンプレートが紹介されています。 ざっといくつかご紹介。 ↑はSymisun。 Creative Media Green Solutions TreeHouse RamblingSoul ライセンスについてはリンク先を確認してください。 PSDファイルが含まれているのもあるので、一度見てみてはいかがでしょうか？ » 50 Free High-Quality and “New” (X)HTML/CSS Templates 金曜日ですねーがんばりましょう。今日はいろいろ外出だな。