noupeにエントリーされている、AJAXを使った素晴らしいCSSのフォームの47のサンプルの紹介です。

A collection of well-designed online calendars and date pickers that showcase how to combine delightful visual design and usability.

CSS Menu Generator CSSのクールなメニューをオンラインで簡単生成「CSS Menu Generator」。 CSSベースのメニューを簡単に構築できます。 サンプルのメニューが表示されているので、Cutomizeで自由にカスタマイズ可能です。 Customizeすると、メニューの項目数を聞かれるので入力すると次のような入力フィールドが現れるので、入力します。 入力したらダウンロード用のリンクが表示され、メニューをダウンロードできます。 メニューの種類も豊富で、クールなCSSメニューを簡単に作りたい場合に使えますね。

Free CSS Toolbox - Free CSS Validator, CSS Formatter, CSS Compressor Free CSS Toolbox is a freeware productivity software for web developers who work with CSS code. CSS開発に使える「Free CSS Toolbox」。 次の機能を持つWindowsで動作するアプリケーションです。 色わけされたCSSエディター CSSフォーマッター、Beautifier機能 CSSエラーチェッカー CSS圧縮機能 W3C CSS バリデート機能 CSS開発のIDEとして使えそう。

Ed Eliot氏およびStuart Colville氏は9月28日(ドイツ時間)、Webページにおける画像の読み込みオーバーロードを軽減するためのおもしろい取り組みをWebサービス「CSS Sprite Generator」として公開した。ページを読み込む場合、画像を要求するHTTPリクエストが発行されるわけだが、「CSS Sprite Generator」はその要求数を低減させようとするものだ。 ページが画像を多く含んでいる場合、画像を取得するためのHTTPリクエストが大量にWebブラウザから発行されやすくなる。このHTTPリクエストを軽減するために、ページで使われている画像をひとつの大きな画像にマージしてしまい、かわりにCSSの機能を使ってマージされた画像から必要な部分だけを表示しようというのがCSS Sprite Generatorでの発想だ。 CSS Sprite Generat

Account Suspended This Account has been suspended. Contact your hosting provider for more information.

「a href」を使用したリンク箇所のアイコンを、リンク先やmailtoやPDF・画像などそれぞれごとにアイコンを変更するスタイルシートのサンプル紹介です。 外部リンクでアイコンを変更する場合 a[href^="http://"]{ background:transparent url(../images/external.png) center rightright no-repeat; display:inline-block; padding-right:15px; } 判別する箇所のサンプル -mailto a[href^="mailto:"] 判別する箇所のサンプル -PDF a[href$='.pdf'] 判別する箇所のサンプル -圧縮ファイル a[href$='.zip'], a[href$='.rar'], a[href$='.gzip'] 判別する箇所のサンプル -画像