Typechartは、WindowsやMac環境でタイポグラフィがどのように見えるかと、それを実装するスタイルシートをダウンロードできるサイトです。 Typechart - Browse Web Type, Grab CSS. タイポグラフィのカテゴリは、以下の３つに分かれています。 typeface Arial / Helvetica Cambria Georgia Lucida Grande Lucida Sans Unicode Trebuchet MS Verdana font size small medium / body large/ heading extra large emphasis normal bold italic uppercase タイポグラフィは、それぞれWindowsとMacでの表示を切り替えることができ、「Get CSS」ボタンをクリックすると、そのタ

紙や皮、木、石、タイルなどのテクスチャや背景画像を作成するPhotoshopのチュートリアルの紹介です。 フリーの素材集も便利ですが、形状や色を変更し自分好みのテクスチャを作成することもできます。

Photoshop Gardenから、ナビゲーションの画像を作成するPhotoshopのチュートリアルを紹介します。

Smashing Magazineのエントリーから、スタイルシートで実装するテーブルのデザインパターンとそのポイントを紹介します。 Top 10 CSS Table Designs Horizontal Minimalist

Patrick Burtのエントリーから、スタイルシートの装飾のみでデザインした８つのロゴデザインを紹介します。 <textarea name="code" class="html" cols="60" rows="5"> <span style=”color:#000000; letter-spacing:-2px; font:26px/28px Georgia, “Times New Roman”, Times, serif;”>patrick</span><span style=”color:#ff0000; letter-spacing:-2px; font:26px/28px Georgia, “Times New Roman”, Times, serif;”>burt</span> </textarea>

Rusugar.comは、ロシアのベストデザインなウェブサイトを紹介するポータルサイトです。 Rusugar.com - The best designed websites from Russia

Smashing Magazineのエントリーから、汚した感じを表現するグランジ風のフリーのPhotoshopのブラシを紹介します。

janko at warp speedのエントリーから、h1やp内のテキストデータに、グランジ風のエフェクトをつけるスタイルシートを紹介します。 Add grunge effect to text using simple CSS デモ 仕組みは、以前当サイトでも紹介した「テキストにグラデーション効果をつけるスタイルシート」と同じもので、背景画像を変更したものとなっています。 空spanを使用するため好みは分かれると思いますが、画像で作成することに比べて、テキストデータだと修正・更新が容易という利点もあります。 デモは、下記のようになっています。 HTML <textarea name="code" class="html" cols="60" rows="5"> <h1>This is one very long title with grunge effect<span></span>

ブラウザごとのスタイルシートの記述に、ifを使った条件式が利用できる「Conditional-CSS」を紹介します。 Conditional-CSS デモ デモ画面にIE, Fx, Op, Safariの各ブラウザでアクセスすると、それぞれ用の画像が表示されます。 条件式に利用できるものは、下記のようになっています。 browser IE - Internet Explorer Gecko - Gecko based browsers (Firefox, Camino etc) Webkit - Webkit based browsers (Safari, Shiira etc) Opera - Opera's browser IEMac - Internet Explorer for the Mac Konq - Konqueror IEmob - IE mobile PSP - Pla

My Ink Blogのエントリーから、スワールな飾り罫を描くIllustratorのチュートリアルとPhotoshopのブラシを紹介します。

矢印や星・ハートなど記号文字もかわいい、手書き風の日本語フォント「ミウラフォント」から、商用利用可のフリーフォント「ミウラLiner_jr」を紹介します。 MopStudio 「ミウラLiner_jr」は、英数記号文字をはじめ、ひらがな・カタカナや小学３年生程度の漢字440文字が含まれている、日本語のプロポーショナルフォントです。 特殊な形の矢印や星・ハートは、文字パレットから選択します。普通のは「やじるし」「ほし」「はーと」で変換されます。 ダウンロードは、下記キャプチャの「ミウラLiner_jr」の画像をクリックし、赤丸箇所からWindows版とMac版がダウンロードできます。 また、ミウラフォントでは、JIS第一水準漢字（2965文字）、JIS第二水準漢字から人名漢字（219文字）を選出した多くの漢字が含まれた有償版も低価格で配布しています。 単体版の「ミウラLiner」「ミウラ見出

Smashing Magazineのエントリーから、クリエイティブなオンラインショップのサイトを紹介します。 Design Showcase Of Creative Online-Shops

写真画像をレタッチして、見栄えをよくするPhotoshopのチュートリアル集のPart 4です。 5 Amazing Film Effects Blue glow dreamy portrait Th

Vandelay Designのエントリーから、デザインが面白い、アイデアに溢れた25のクリエイティブなナビゲーションを紹介します。 25 Examples of Creative Navigation

Switch On The Codeのエントリーから、スムーズにスライドするパネルを実装するスクリプトを紹介します。 Inline Sliding Panels タブ「Click Me」をクリックすると、パネルがスムーズにスライドし、それに追随して他のコンテンツも移動します。 追随しない旧版は下記です。 Javascript Sliding Panels Inline Sliding PanelsはjQueryやPrototypeなど他のJavaScriptに依存することなく動作し、動作環境はIE7, Fx3, Op9.5, Safari3.1となっています。 ※IE6, Fx2でも動作しました。

アプリケーション並みのコンテンツが実装できる「Ext.js」のバージョンアップ版2.2が2008年8月4日にリリースしました。 Ext 2.2 Released 今回のバージョンは、多くの重要なバグフィックスに加え、パフォーマンスの改善、Fx3への完全対応がされ、多くのコンポーネントも追加されています。 下記に、追加されたコンポーネントを紹介します。

CompleteAllのエントリーから、300超の世界の美しい大自然と迫力のある建築物の壁紙を紹介します。

インドネシアのデザイナー：Tony Ariawanのポートフォリオを紹介します。サイトには下記以外にも多数のデジタルアートがあります。 area105 -The Experiment Area of Tony Ariawan

Hidden Pixelsのエントリーから、タイポグラフィ・フォーム・グリッドやシンプルなレイアウト・リセットなどが設定されたスタイルシートのフレームワークを紹介します。 CSS Frameworks

Flipping Bookは、雑誌のようにページがめくれ、拡大表示・印刷・PDF保存などの機能を備えたFlashのビューアーです。 Flash page flip engine -FlippingBook デモ Flipping Bookは、画像をフォルダに入れるだけで設定できる「HTMLエディション版」や、インターフェイスの変更も可能なFlashの機能拡張の「Flashコンポーネント版」など複数の形態で配布されています。 インターフェイスを変更したFlipping Bookのデモ Flipping BookはHTMLエディション版・Flashコンポーネント版など有償ですが、HTMLエディション版（10ページ）はフリーで利用できます（商用利用は不可）。 FlippingBook HTML Edition (Free Version) HTMLエディション版は、表示する画像（拡大画像とサムネ