2009年7月アーカイブ

tab0907261.jpg

Papermashup.comより、jQueryで作るシンプルなタブのインターフェースの紹介です。

デモページはこちらから

table0907251.jpg

jExpand pluginより、jQueryを使ったテーブルのアコーディオンのように列を広げるスクリプトの紹介です。

デモページはこちらから

sixrevisions.comより、ハイクオリティな樹皮のテキスチャ素材の紹介です。

ライセンスは、Creative Commonsで、個人、商用目的で使用することができます。

HTML5 Doctorより、Eric MeyersのReset CSSをベースに作られたHTML5用のReset CSSの紹介です。

hover0907251.jpg

jankoatwarpspeed.comより、ホバーすると重なり合ったボックスが表示されるスクリプトの紹介です。

デモページはこちらから

Webdesigner Depotより、クリエイティブな404エラーページのデザインの紹介です。

sixrevisions.comより、コーヒーをこぼしたときのような染みのテキスチャ素材の紹介です。

ライセンスは、Creative Commonsで、個人、商用目的で使用することができます。

key0907201.jpg

Nettuts+より、CSSとjQueryで作るWebベースのキーボードの紹介です。

デモページはこちらから

js0907202.jpg

cssrevolt.comより、JavaScriptのみでつくるMP3プレイヤーのスクリプト「PIMP3」の紹介です。

MIT licenseです。

Inspect Elementより、美しいヘッダーデザインのWebサイト27選の紹介です。

Carsonifiedより、「23 Essential HTML 5 Resources」の翻訳を交えながらHTML 5のリソースの23サイトを紹介します。

Inspiredologyより、大きな写真画像を利用したデザインのWebサイトの紹介です。

davidwalsh.nameより、PHPとCSSで作るカレンダーの紹介です。

デモページはこちらから

特にプログラミングの初級レベルの人にとったら、良い課題になると思いますので、トライしてみるのも良いと思います。

json0907141.jpg

WebAppersより、jQueryとJSONで作るリッチツールチップの紹介です。

デモページはこちらから

Smashing Magazineに非常に素晴らしいチートシートが載っています。

次世代の言語であるHTML5とCSS3の一覧表であるチートシートです。ぜひ、この機会に押せておきたいですね。

jen0907121.jpg

ロゴが簡単にできてしまうジェネレーター「Supalogo」の紹介です。

devirtuoso.comより、デペロッパーが持っとくべき10のチートシートの紹介です。

js0907102.jpg

Build Internet!より、劇場のカーテン幕が開くアニメーションのスクリプトの紹介です。

デモページはこちらから

よくいろいろなソースコードを載せているブログで見かけるようなハイライトですが、webdesignbooth.comで紹介されているように代表的なものとして9つあるとのことです。

和訳も含めて紹介していきます。

以前、「jQueryを使ったカラムの高さを揃えるスクリプト[js]」と2カラム用の高さを揃えるスクリプト「Equal Height Javascript」[js]のエントリーでも紹介させていただきましたブロックレベルのカラムの高さを揃える方法ですが、Build Internet!より、非常に参考になる方法があったので、ブロックレベルのカラムの高さを揃える4つの方法として紹介します。

Paul Robert Lloydより、シンプルなソーシャルメディアのアイコンの紹介です。

CSS-Tricksより、iPhoneのようなパスワード入力表示にするスクリプトの紹介です。

デモページはこちらから

js0907091.jpg

シームレスなパターンがダウンロードできるPatternWallの紹介です。

XHTML2.0の策定活動が休止となり、HTML 5の標準化になったここ最近の話題ですが、HTML 5のチートシートがダウンロードできます。

PV.M Garageより、デザインの参考になるレトロデザインのWebサイトの紹介です。

sitepoint.comより、おさえどこのjQueryで作られたイメージスライドギャラリー5選の紹介です。

text0906301.jpg

zachstronautより、CSSのtext-shadowプロパティとJavaScriptでスポットライトのような効果を演出するソースの紹介です。

デモページはこちらからマウスを動かすとスポットライトが動きます。

テーブルをゼブラ(ストライプ)模様にできるJavaScriptライブラリzebraTable.jsをバージョンアップしました。

woork.blogspot.comより、映画のタイトルなどで使われてそうなフォントの紹介です。

Perishable Pressより、なかなか興味深いエントリーがあったので、Firefoxをターゲットとした各バージョン毎のCSS Hackを紹介します。

Firefoxのみのターゲットですが、FirefoxのバージョンごとによるHackがまとまっているので有用です。

アクセシビリティに関する記事で、非常に目に留まった内容があったので和訳を交えながら紹介します。
アクセシビリティに関する情報を公開してくれている456 Berea Streetからの情報です。

原文はこちらから

RSS feed

  • 購読する
  • RSD登録
  • RSS登録

webページ

タグクラウド

Powered by Movable Type 4.1

pr

スポンサー広告

bookストア

twitterフォロー
Mozilla Firefox ブラウザ無料ダウンロード