Javascript・Ajaxのテクニックとトピックのまとめ

表データのセルにカーソルをあわせると、その列と行をハイライトするシンプルなスクリプトをPreeoStudiosから紹介します。TargetTable デモスクリプトのセットアップは簡単で、既存の表データにも簡単に反映できます。HTMLtableに「class="targettable"」を記述しま...

[JS]アクセシブルでクロスブラウザ対応、アニメーションで動作するナビゲーションの無料ダウンロードサイト -apycomapycomナビゲーションの主な特長クロスブラウザ対応アクセシブル スクリプトのオフ時にもCSSで動作可能検索エンジン最適化リスト要素で実装したクリーンなHTMLセットアップもア...

サイトのトップページやプロモーションページに最適な複数の画像をスムーズなアニメーションでスライド表示するスクリプトをSoh Tanakaから紹介します。実装のイメージ画像のスライドはコントローラーでの手動操作と自動操作に対応しています。スクリプトのベースにはjQueryが使用されており、HTML/...

IE8のCSS、HTML、DOM、JavaScript関連のバグ情報がまとまったリストをJames Hopkinsから紹介します。IE8 Bugs掲載されているバグの数は現在、CSS：63、HTML：4、DOM： [...]

ウェブサイトやブログの作成・運営で、避けておきたい35個のミスをnetjellyから紹介します。List of Web Design Mistakes You Should Avoid下記は、各リストを意訳したものです。 ※訳者注： 一部過激なものは表現を少し和らげています。はじめにウェブサイトや...

大きな画像から指定した一部だけを切り抜いて、写真の撮影をシミュレートしたスクリプトをTutorialzineから紹介します。Making a Photoshoot Effect With jQuery & CSS デモページデモではカーソルに合わせて、カメラのファインダーで覗いているような矩形が表...

セレクトボックスの項目にチェックボックスを設置し、複数項目の選択を操作しやすくするスクリプトをerichyndsから紹介します。jQuery MultiSelect Plugin デモページデモでは上記のベーシックなタイプをはじめ、Optgroupに対応したもの、スタイルシートでデザインを変更した...

洗練されたエフェクトでドロップダウンが開閉するナビゲーションをSkyrocket Labsから紹介します。jDiv デモページデモでは左端の「Rollover Me!」のドロップダウンに多くのコンテンツが設置できるパネルが設定されており、リストや画像など複雑なものも配置が可能です。ナビゲーションは...

CSSやJavaScriptの知識がなくても簡単に、角丸のCSSボックスやアニメーションで動作するナビゲーションが作成できるオンラインサービスを紹介します。Rounded CSS BoxesHTML Menu D [...]

スムーズなアニメーションで画像が拡大し、キャプションがスライド表示されるギャラリーの実装するチュートリアルをtutsvalleyから紹介します。Making A Cool Thumbnail Effect With Zoom And Sliding Captions デモページデモでは画像のサムネ...

TwitterのUIのように、入力できるテキストの残りの文字数をカウントして表示するスクリプトをcss globeから紹介します。Simplest Twitter-like dynamic character count for textareas and input fields デモページ上記...

2010年1月14日、jQueryの最新版1.4がリリースされました。本家のサイトをはじめ、新機能のサンプルコードや1.3.2との後方互換について紹介します。jQuery 1.4 ReleasedjQuery 1.4のダウンロードとリリース情報jQuery 1.4のダウンロードや詳細な情報は、下記...

HTML5を使用した、JavaScriptでOggフォーマットのオーディオファイルをコントロールするスクリプト「jai」を紹介します。jai – javascript audio interface「jai」は、「JavaScript Audio Interface」の略で、グラフィカルなインター...

『 CSS3のボーダーに画像を指定する機能を使って、画像の上にフレームを重ねています。なるほど。 』 by 93930

Lightboxなどのスクリプトを使用しないで、スタイルシートで実装する画像を拡大するテクニックをCSSplayから紹介します。画像を拡大表示拡大画像を消すのは、右上のアイコンです。仕組みは簡単に説明すると、サムネイル画像と拡大画像（テキスト含む）をインライン要素として配置し、focusとacti...

グリッドベースのレイアウトをブラウザのサイズに合わせて、レイアウトを自動で変更するスクリプトを実装するチュートリアルをCreativityDenから紹介します。

jQueryやMooToolsなど他のスクリプトに依存せず、画像や動画やHTMLコンテンツをオーバーレイ上に拡大表示するスクリプトを紹介します。拡大時のキャプチャ拡大表示に対応しているのは、画像をはじめ、Flash、QuickTime、Windows MediaなどのメディアコンテンツやHTMLコ...

簡単な記述で魅力的なアニメーションを実装できるCSS3アニメーションは、SafariやChromeなどの一部のブラウザでしか動作しませんが、それと同等の動作をjQueryで実装するチュートリアルをMarcofolio.netから紹介します。CSS3 animations and their jQu...

今年一番の衝撃をうけました。 CSSだけで実装したパララックス（視差）をRoman Cortesから紹介します。CSS 3D Meninas上記ページにアクセスし、絵画の上をマウスでぐりぐりすると、それに合わせてパララックスが生じます。使用しているのはHTMLとCSSのみで、FlashやJavaS...

2009年に紹介したものを中心としたjQueryのプラグイン100選です。カルーセル・ニュースティッカー関連ギャラリー・画像拡大関連ナビゲーション関連タブ関連パネル・ボックス関連角丸関連ツールチップ関 [...]