[B! *web制作] sciaoのブックマーク

1ピクセルのずれも許せないWebデザイナのためにResetting Again | エンタープライズ | マイコミジャーナル

CSSがWebページデザインの主要技術になってから、WebデザイナはCSSの振る舞いに頭を抱えなかったことはない。もっとも悩ましいのは、同じCSSでもWebブラウザごとに表示が異なるところにある。なるべく同じ表示を実現しようと、一見すると奇っ怪にみえる設定を加えたり、意味がないような行を加えたり、背景色と同じ色の画像を調整用に追加したり、涙ぐましい努力は後を断たない。世界中のWebデザイナやフロントエンドデベロッパが同じ悩みを抱えているから、Webブラウザ間の互換性を実現するCSSライブラリがいくつも登場したり、ベストプラクティスをまとめたCSSリファレンスドキュメントが登場したり、CSS擬似クラスといったテクニックが紹介されたり、IEのCSS/HTML非準拠に対処するライブラリが登場するといったことが相次いで起こっているわけだ。しかし、ほかのライブラリに依存せずにいちから自力でCSS

sciao 2008/02/09

リンク

Web 2.0風画像の作り方：Part 2 -sitepoint | コリス

以前、紹介したsitepointで紹介されているPixelMillのデザイナー：Corrieの、Photoshopで作るWeb 2.0風画像のチュートリアルのPart 2です。 Creating Web 2.0 Effects With Photoshop, Part 2 Part 1では、「シンプルなグラデーション」「グラデーションの背景」「ストライプの背景」「微妙に透明なレイヤー」「鏡面効果のテキスト」「ガラスのようなオブジェクト」を紹介しています。 Web 2.0風画像の作り方 -sitepoint Part 2でエントリーされているチュートリアルは、３つです。アイコンの使い方画像を矩形以外にレイアウトスターバースト(爆発した星形)の作成方法各チュートリアルの手順は、下記の通りです。アイコンの使い方アイコンは、フリーやシェア、自作のものを使用。１つ目の方法は、アイコン

sciao 2008/01/11

リンク

ウェブサイトを使いやすくするための43の法則

R6K.Net Pressにエントリーされている「あなたが避けるべきウェブデザインの43のミス」の意訳です。 43 Web Design Mistakes You Should Avoid 上記エントリーによると、よく見かけるデザインのミスリストは10個くらいが通常ですが、それでは足らなく、増やしていくうちに43個になったそうです。 43の法則は、常識として浸透しているものもあれば、論争になるようなものもあります。個人的には、いくつかは条件しだいでと思いますが、概ね相違無いです。 The user must know what the site is about in seconds. サイトに来訪したユーザーは、数秒で何のサイトか知らなくてはいけません。 Make the content scannable. コンテンツが一覧できるリストが必要です。 Do not use fancy

sciao 2007/12/26

リンク

ホームページを作る人のネタ帳

sciao 2007/12/11

*web制作

リンク

サイトでグラフを使いたい時に使えるまとめ - DesignWalker

sciao 2007/10/04

リンク

WEBデザインに便利なオンラインジェネレーター＆ツール集:phpspot開発日誌

CSS Juice Tools Below is the complete list of online generators and tools WEBデザインに便利なオンラインジェネレーター＆ツール集。 WEB2.0なサイトのデザインを作る際にかなり使えるブラウザツール集がまとまっていました。角丸コーナージェネレート Roundedcornr Spiffy Corners Sitepoint Spanky Spiffy Box CSSフォーマッター、オプティマイザー Code Beautifier Clean CSS CSSDrive Compressor CSS Optimiser Web2.0ロゴジェネレーター Web 2.0 logo creatr Creatr Web 2.0 Stylr Web 2.0 Free Logo Generator ストライプ背景画像ジェネレーター