Smashing Magazineのエントリーから、XHTML/CSSのフリーのテンプレートを配布しているサイトを紹介します。 100 Free High-Quality XHTML/CSS Templates 上記では、厳選した100のテンプレートが紹介されています。

seekAttention 注目箇所だけハイライトのアニメーションで強調。 スクロール・ドラッグなど操作関連のjQueryのプラグイン

Smashing Magazine - WE SMASH YOU WITH THE INFORMATION THAT WILL MAKE YOUR LIFE EASIER, REALLY. Smashing MagazineにGlen Stansberry氏の10 Advanced PHP Tips To Improve Your Programmingが掲載されている。PHPプログラミングテクニックを向上させる10のTipsを紹介したものだ。特に実行速度の向上やパフォーマンスの改善に注目したテクニックで、なかなか興味深い項目がまとめられている。内容を簡単にまとめると次のとおり。 SQLインジェクションに対処するためFurruh Mavituna氏のSQL Injection Cheat Sheetを活用する 比較演算子の違いを理解しておく。例えば===と==の違いなど elseを使わない

Smashing Magazine - WE SMASH YOU WITH THE INFORMATION THAT WILL MAKE YOUR LIFE EASIER, REALLY. Webアプリケーション開発やデザイン調整にはブラウザエクステンションが有益だ。特にFirefoxで動作するFirebugエクステンションやYSlowエクステンションは代表的なものだ。こうしたツールはFirebugやYSlowだけではない。似たようなツールはIE向けにも提供されている。ツールを活用して開発効率を改善していきたい。 Jacob Gube氏がSmashing Magazineに掲載した『15 Helpful In-Browser Web Development Tools』に注目したい。Webアプリ開発やデザイン調整、分析や評価に活用できる15のインブラウザツールが紹介されている。 紹介されて

Solucijaでは、個人・商用サイトでフリーで利用できるXHTML/CSSのテンプレートを配布しています。 Solucija − Free CSS Templates 各テンプレートは、オンラインで動作確認をすることができます。 利用する際の制限は特になく、個人・商用サイトで利用が可能で、各テンプレートにあるコピーライトの表記も掲載しておく義務は無い、とあります。 各テンプレートは軽量（60KB）を意識してハンドコーディングで制作したとのことです。

Table of contents 1 Introduction2 Common infrastructure3 Semantics, structure, and APIs of HTML documents4 The elements of HTML5 Microdata6 User interaction7 Loading web pages8 Web application APIs9 Communication10 Web workers11 Worklets12 Web storage13 The HTML syntax14 The XML syntax15 Rendering16 Obsolete features17 IANA considerationsIndexReferencesAcknowledgmentsIntellectual property rights F

com.bydust.ajaxは、スタティックなサイトでもWordPressのようなサイトでも、ページ全体のロードをせずに必要な箇所のみロードして表示するAJAX対応にするスクリプトです。 com.bydust.ajax demo デモサイトでは、右のナビゲーションや各記事のタイトルをクリックすると、通常のページ遷移とは異なり必要な箇所のみ非同期通信を行い表示します。 ※外部リンクなどは自動認識して、別ウインドウで表示します。 サイトをAJAX対応にする方法 サイトをAJAX対応にする基本的なスクリプトの設置方法は、下記の通りです。 下記は、対象となる全ページに適用します。 ダウンロードした２つのスクリプト（com.bydust.ajax.js, com.bydust.array.js）を外部スクリプトとして記述します。 HTMLの基本構造は、「id="page"」を親要素として、「id=

leigeberから、既存のテーブルにも簡単に設置できる、データをソートする超軽量（1.7KB）のスクリプトを紹介します。 jQueryやPrototypeなど他のスクリプトは必要ありません。 JavaScript Table Sorter demo 動作確認ブラウザは、IE 6/7/8, Fx2/3, Op, Safari, Chromeとなっています。 設置方法は簡単で、既存のものにも簡単に組み込めます。 「script.js」と「style.css」を外部ファイルとして記述します。 tableに「class="sortable" id="sorter"」を記述します。 テーブルの下に下記のスクリプトを記述します。 <textarea name="code" class="html" cols="60" rows="5"> <script type="text/javascript">

米ActiveState Software Inc.は、無料で使える高機能なスクリプト言語専用テキストエディター「Komodo Edit」v4.3.2 build 1263を公開した。Windows 2000/XP/Vistaに対応するフリーソフトで、現在同社のホームページからダウンロードできる。 「Komodo Edit」は、同社のスクリプト言語用統合開発環境「Komodo IDE」のテキストエディター部分にも用いられている高機能なスクリプトエディター。Perl/PHP/Python/Ruby/Tcl/JavaScriptなどのスクリプト言語のほか、HTML/XML/CSS文書にも対応しており、構文チェック・色分け表示・関数の折りたたみ表示・キーワードの自動補完などの機能を備えている。 また、プロジェクト管理機能を備えており、複数のフォルダやファイルから構成されるプログラムを画面左側のツ

Yahoo! User Interface Blog Webページの表示を高速化するのはWebプログラマにとって直近の課題だ。これまでいくつもWebページを高速化するためのツールや技術が開発され紹介されてきた。もっとも有益なツールのひとつはYSlowだ。YSlow高速化技術の根底になっている調査結果(高速化技術6テクニック、高速化規則34ヶ条、高速化規則20ヶ条)も見逃せない。YSlowにしたがってページを計測し種々の手法を適用するだけでそれ相当の効果があげられる。 YSlowよりも突っ込んだ詳細計測と開発においてはNetflix流計測手法や、同手法を実装したJiffy FirebugエクステンションBill Scott氏版がある。NetflixのテクニックはYSlow適用後さらに高速化を狙う場合に活用できるものだ。YSlowの開発者が発表した技術はほかにもページ読込時間ツールHammer

Six Revisionsから、アイデア満載のスタイルシートの実装例とテクニックをいくつか紹介します。 Innovative (and Experimental) CSS Examples and Techniques

typeface.jsは、テキストを自動置換し、フォントを使用した画像のようにSVGに変更するスクリプトです。 画像クリックで、複数のサンプル表示。 typeface.js -- Rendering text with Javascript, canvas, and VML demo 使用方法は簡単で、typeface.jsとフォントのJSを外部ファイルとして、適用するテキスト箇所にスタイルシートで指定を行います。 「line-height」「letter-spacing」も指定することができます。 対応ブラウザは、IE6+, Fx1.5+, Safari2+となっており、Fx, Op, Safariではcanvas、IEではVMLを使用しています。 現在ダウンロードできるフォントは英字のみで、Helvetiker, Optimer, Gentilisの３種類となっています。

Cross-fadingは、jQueryやPrototypeなど他のスクリプトに依存せず、打ち出し画像をクロスフェードで変更するスクリプトです。

Overview Lightbox is a simple, unobtrusive script used to overlay images on the current page. It's a snap to setup and works on all modern browsers. What's New in Version 2 Image Sets: group related images and navigate through them with ease Visual Effects: fancy pants transitions Backwards Compatibility: yes! How to Use Part 1 - Setup Lightbox 2 uses the Prototype Framework and Scriptaculous Effe

Tabs are fundamental to web design, Nowadays Animated Tabs and accordions are used by most websites, here we have collected 30+ Tab-Based and Accordion scripts vary from CSS only tabs ,Ajax based, mootools and jQuery with cool Animation . which you can easily incorporate into your future designs Ajax Drop down Tab Menu… e24TabMenu is a plugin written for scriptaculous. It is a tab menu that expand