注目のAjax情報のポータル

AJAXとCSSで作るクリエイティブなフォーム集「Astounding Ajax/CSS Forms: 30+ Modern Trends」ユーザーとコンタクトが取れる窓口的な役割を持つフォーム。ユーザーが実際に使う部分だけに、そのデザインやわかりやすさ使い勝手によって、目的が達成できるかどうか大...

いまやWeb制作に欠かせなくなったJavaScript。でも、「JavaScriptはほとんど“アリモノ”で済ませている」という方も多いのでは？そこで、WebデザイナーやマークアップエンジニアなどのWeb制作者の方向けに、いま一番人気のJavaScriptライブラリー「jQuery」の基本を学べる...

並列に配置されたナビゲーションの現在位置を明示したハイライトをアニメーションで移動させるスクリプトをCSS-Trickから紹介します。jQuery MagicLine Navigation デモページ現在位置を明示するサインは、ライン（キャプチャ：上）と背景（同：下）の2種類が用意されています。 ...

この記事はDOM = Frame buffer « Quixey Blogを勝手訳したものです。もしあなたが大規模なAJAXアプリケーションを書いているなら、このようなコードを書くのを許せるだろうか。if (jQuery("#file_menu").is(":visible")) { ... }駄...

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

ここのところ、Google App Engine上でアプリを作っている私だが、iPhoneアプリとかを作り慣れている私としては、単純なHTMLページの組み合わせでUIを作るというのでは面白くない。そこで、サーバーがModel、クライアントがViewとControllerというアーキテクチャととこと...

サイトのデザインに合うlightbox系スクリプトを探している。そんなときにおすすめなのが、『The Best jQuery Lightbox Scripts』。クールなjQueryのlightbox系スクリプト集です。知らないのもあったりでいい感じのものが揃っていますよ。CeeBox アニメーシ...

Appleのサイトのような、かっこいいインターフェースを実装したい。そんなあなたにおすすめなのが、『15 Incredible Apple Webdesign Style Coding Tutorials』。Appleのようなデザインをするためのコーディングチュートリアル集です。かなりかっこいいの...

そのまま編集が可能なテーブル実装用jQueryプラグイン「Zentable」。 次のように、クリックでその場で編集できるテーブル実装用のjQueryプラグインです。 以下のような特徴があるようです。ajaxによるデータ読み込みマウスホイールやキーボードによる操作カラムやテーブルのリサイズ機能並び替...

js, performanceCSS を利用したアニメーション処理では、必ず現在時刻を取得する処理が入ります。var now = +new Date;ECMAScript-262 5th では Date.now() が新しく追加されました。Date.now() は +new Date と同じ機能(...

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

近年、Google Chrome、Firefox、Safari、Opera、Internet Explorer（以下、IE）がJavaScriptの実行速度の最速の座を争っていますが、それに伴いJavaScriptによるフレームワークやコンポーネントが多数出現し、Webブラウザのユーザビリティは飛...

ちょっとメモ。いつか使う（ことを検討する）。どこかで紹介したっけかな・・・まぁ、いいか。非商用だと無料で使えるグラフ描画ライブラリですね。オプションが豊富すぎてかなりいろいろできそう。↑ こんなのがちょちょいと。↑ ある範囲をズームさせる機能なんてのもあります。↑ オプションのレファレンスが使いや...

select ボックスを超便利にしてくれユーザビリティ向上に使える「jQselectable」がGoogle Codeに公開されています。 jQというだけあって当然ながらjQueryプラグインの形式です。 適用前の普通のSelect ボックスが便利に変化します 都道府県の縦に長かったものが横方向に...

IE共通の9つのCSSバグをそれぞれ解決する方法がNettutsにて紹介されています。 どれも、なんでだろうと頭を悩ましそうな問題なので解決法を知っておくと簡単に対処できそうです。 1. センタリングが効かない問題 margin: auto を指定した場合の期待する結果 IEの場合以下のようになり...

Googleは米国時間11月5日、「Closure Tools」と呼ばれるプロジェクトをリリースし、同社のウェブサイトおよびウェブアプリケーション作成レベルに達することを望む開発者をサポートしていく方針を明らかにした。Googleは、ウェブ中心のビジョンの一環で、JavaScriptを用いたウェブ...

『 Apple風のスライドショーギャラリーのチュートリアル。xhtml,css,jqueryで実現! 』

デザインも秀逸ながら、ユーザビリティに配慮して大量の項目を掲載するドロップダウン型のナビゲーションを実装するチュートリアルをSoh Tanakaから紹介します。Mega Drop Down Menus w/ CSS & jQuery demoユーザビリティで配慮したポイントは、ホバー時にドロップダ...

ExtraTutsというサイトで、デベロッパーなら知っておきたいCSSテクニックが紹介されています。いくつかご紹介しますね。CSS Browser Selector OS・ブラウザごとにCSSを切り替えられる1行のJavaScriptadding a CSS StyleSheet to your ...

jqueryのプラグインのまとめです。jqueryはjavascriptベースのライブラリのようなもの。画像やメニューに動的な操作を与えたりすることが可能です。また、HTMLソースも複雑になりにくく、デザインをCSSで操作可能なものが多く、ウェブデザインをより魅力的にすることができます。フェードし...

ナビゲーションなどによく使用されるCSSスプライトにアニメーション効果を加えて簡単にセットアップできるスクリプトをNew Media Campaignsから紹介します。AutoSprites – A jQuery Menu Plugin demoデモでは、リスト要素で実装されたナビゲーションに一枚...

ウィンドウサイズを変えると コンテンツ（記事等）が再配置される 可変グリッドレイアウトに関する サンプルサイトやWPテーマ、 ライブラリなどの情報のまとめです。 詳しい方には参考にならないっぽいです。いろいろ意見は分かれそうですが、知っておいて損は無いかなぁと思いますのでメモ。可変グリッドレイアウ...

ページにFlashみたいな読込み状況を付けた上でクールに表示するjQueryプラグイン「QueryLoader」2009年10月05日-ページにFlashみたいな読込み状況を付けた上でクールに表示するjQueryプラグイン「QueryLoader」。 Flashでよくある〜％読み込みました、みたい...

A Fancy AJAX Contact Form ? Tutorialzine ファンシーなデザインがいい感じのAjax＆PHPなコンタクトフォーム作成のチュートリアルと、ソースコードが公開されてます。 次のようなデザインで、入力値にエラーがある場合のバリデーション機能とヒントのポップアップ機能...

『 マウスのホバー時に、光源がカーソルに追従するエフェクトがかっこいいスクリプト。仕組みは容易に想像できるけど、こういう発想がおもしろい! 』

CSS-Tricksから、大きい画像を余白を作らずにブラウザのサイズに合わせて、背景に表示するスタイルシートを紹介します。Perfect Full Page Background Image下記、それを実装する要件とテクニックを二つ、それぞれポイントをピックアップして紹介します。実装の要件前提とし...

少し前のエントリーでも触れた事があるが、「このままHTML5が普及してくれればスマートフォン向けのアプリの大半はHTML+CSS+Javascriptだけで作れるんじゃないか」と感じ始めている私である。もちろん、そうなるには「規格がきちんと統一される」「まともな実装をしたスマートフォンが十分に普及...

最近発見した、JavaScriptコーディングに関するテクニックやパフォーマンス等の参考になりそうなエントリをリファレンスをまとめてみました。 Avoiding Problems With JavaScript’s getElementById Method in Internet Explore...

※この記事は「Web制作の現場で使えるjQuery　UIデザイン入門」の第5回です。過去の記事もご覧ください。▼連載バックナンバー第4回　初めてのjQuery：セレクターAPIを一挙解説（後編）第3回　初めてのjQuery：セレクターAPIを一挙解説（前編）第2回　jQueryのダウンロードとイン...

uuAltCSS.js は Webページデザイン を簡単にする JavaScript ライブラリです。 独自のアプローチで、ブラウザ と CSS を切り離し、古いブラウザでも最新の CSS の仕様に基づいたデザインを可能にします。また、WebKit系ブラウザでしか利用できないはずの最先端の機能を、...