Flashを使用しないで、画像ギャラリーを実装するスクリプトやスタイルシートの紹介です。 Slideshow 2 minishowcase photo starfield simulation gallery Javascript Image Gallery Using Mootools (E)2 Photo Gallery Slider Gallery Coverflow in Javascript ProtoFlow Spacegallery JonDesign's SmoothGallery 2.0 jQuery Gallery Flickrshow. Galleria jqGalViewIII easyALBUM slideViewer Interface Slideshow Image Transition Manager Highslide JS MooPix LightWindow v2.0 ThickBox Not so simpl...
『 デザインも秀逸なナビゲーションを実装するスタイルシートとスクリプトのチュートリアルの紹介です。シンプルできれい! 』
jQueryでかっこいいUIを実装したい。 そんなときにおすすめなのが、『10 useful jQuery plugins』。jQueryの便利なプラグイン10選だ。 以下にご紹介。 ・jQuery UI Webアプリをデスクトップアプリのように動作させる。タブメニューやスプリットペイン、ドラッグできるフォトマネジャーなど ・Mark-It-Up テキストエリアをマークアップエディタに変えてくれる ・jQuery cookie plugin クッキ...
WEB制作で、デザイン性に優れているも、機能的にイマイチだな。と思われてしまうことは無いか。しかしそんなにお金を掛けれないという客にオススメなのが、フリーのAjaxです。FLASHにしてしまうと十万単位で値段が上がりますが、これなら数万に抑えれます。 ◆Lightbox 2 ■Lightbox 2 写真をポップアップして背景を暗くする、イメージギャラリーに使えるライトボックス。はいは...
紹介済みから未紹介のものまで、jQueryのプラグイン34選です。 BDC DrillDown Menu, an iPod-style menu iPod風のドリルダウンのナビゲーション。 Column Naviga [...]
デザインセンスを刺激して、インスピレーションを与えるサイトの10選です。 Pattern Tap ボタンや背景・線などエレメントごとのデザイン集 StyleCrunch クールなデザインでスタンダードなコードを使用し [...]
ウェブ制作に役立つ記事の先週のハイライトです。 チュートリアル・Photoshop関連 70 Beauty-Retouching Photoshop Tutorials 70のPhotoshopのレタッチのチュートリア [...]
Six Revisionsのエントリーから、HTML/XHTML、CSS、JavaScript/フレームワーク（jQuery, mootools）などのフロントエンドのチートシートを紹介します。 Cheat Sheets for Front-end Web Developers HTML/XHTML HTML Help Sheet. Panic Over. (PDF) HTML Cheat Sheet (PNG, PDF) HTML Character Entities Cheat Sheet (PNG, PDF) XHTML Cheat Sheet (PDF) CSS CSS Cheat Sheet (V2) (PNG, PDF) CSS Cheat Sheet (HTML) CSS Shorthand Cheat Sheet (PDF) CSS Level 1 Quick Reference (PDF) CSS Level 2 Qu...
紹介済みから未紹介のものまで、jQueryのプラグイン34選です。 iPod-style Drilldown Menu iPod風に切替わるドリルダウンメニュー。 iPhone Lock Slider iPhoneの [...]
WebTeckerのエントリーから、jQueryやPrototypeやMooToolsなどライブラリを使用するものや、単独で動作するアコーディオンのスクリプトを紹介します。 Great Accordion Scripts [...]
WebTeckerのエントリーから、JavaScript, Flash, Silverlight, PHPなどを使用して、グラフやチャートなどにデータをビジュアル化するスクリプトの紹介です。 10 Free Chart [...]
なにやらクールなイメージ装飾スクリプト。 ちょっと興味があるので勉強がてらご紹介。
サイト作りに役立ちそうなツールのご紹介。ThemeRollerはjQueryを使ったウェブ部品のスタイルを作成、ダウンロードできるサイトです。 自分でがしがしカスタマイズしてダウンロードもできますし、他の人がつくったかっこいいテーマを拝借することもできます。 ↑ こういう感じでカスタマイズすると・・・。 ↑ こういうのがZIPでまとめてもらえます。 こういう細かいスタイル...
2008年2月のベストまとめ。 見逃したものがないかをチェックしてみてください。 ちなみに2月度のネタ帳人気エントリーは以下。 2007年度web制作者の為のまとめ再構築30選
先月、公開されたばかりのNETTUTS。 NETTUTSでは、HTML、CSS、JavaScript、CMSなどのサンプルを、丁寧な説明と、コードを公開してくれる、とってもありがたいウェブデザイナーの為のチュートリアル・サイト。 毎回、ハイクオリティなPhotoshopのチュートリアルをアップされているPSDTUTSの姉妹サイトなので、サイト自体もとっても見やすくて、これからどんどん追加されていくチュートリ...
紹介済みから未紹介のものまで、jQueryのプラグイン34選です。 Kwicks スムーズに伸び縮み。 Horizontal Accordion 水平方向のアコーディオン。 Accordion Content s [...]
Ajax + CSSでさくっとフォームを実装したい。 そんなあなたにおすすめなのが、『47+ Excellent Ajax CSS Forms』。素晴らしいAjax + CSSフォーム47選だ。 以下にいくつかご紹介。 » Uni Form セマンティックでカスタマイズも可能なフォーム » AJAX Contact Form アクセシブルなAjaxフォームの好例。↑のキャプチャはこのサイト » FancyUpload using Mootools Mootoolsを使った美しいファイルア...
はじめに 今日、 jQuery の作者として有名な John Resig さんが Processing.js という JavaScript のライブラリを公開しました。 John Resig - Processing.js このライブラリを使うと、比較的簡単に以下のようなグラフィックスやアニメーションを書くことができるようになります。 はてなブックマークもかなり集まってますね。 というわけで、公開されたばかりのこのライブラリを簡単な使い方か...
CSS Globeのエントリーから、ツールチップや画像拡大などのアンカー要素に実装する実用的なスタイルシートのテクニックを４つ紹介します。 4 Uber Cool Css Techniques For Links
前回は、『Scriptを使わないCSSエフェクト、Tipsいろいろ』をご紹介いたしました。 今回は、逆にjQueryを使ったサンプル集です。なるべく簡単に使えそうな、プラグインを中心にまとめてみました。 Lightbox, Modal Window関連 jQuery lightBox plugin とってもシンプルなLightboxプラグイン。 Facebox 画像だけでなく、テキストも表示できます。 prettyPhoto a jQuery lightbox clone 角丸がかわいいLightboxです...
