ということで、今まで数限りなくネットのあちこちで紹介されてきたCSSデザイン関連のサイトがリスト化されてまとめられたようです。これだけあれば当分はブログなどのデザインのネタに困ることはなさそう。インスピレーションを得るのに使うもよし、デザインの参考にするのもよし、知っておいて損はないものばかりです。 リストは以下の通り。 CSS Beauty | CSS Design, News, Jobs, Community, Web Standards http://www.cssbeauty.com/ CSS Drive- Categorized CSS gallery and examples. http://www.cssdrive.com/ Stylegala - Web Design Publication http://www.stylegala.com/ CSS Mania http:

サイトのレイアウトを変更したり、新しくデザインする際に使えるのがこのクロスブラウザテスト、要するに「それぞれのOSのそれぞれのブラウザで自サイトは正しく見えているのか？」をチェックするサイトです。予算と時間が潤沢であれば、自分で各種OSを揃え、各種ブラウザを導入してチェックできるのですが、あまりにも非現実的な場合が多いため、この手のテストサイトは非常に重宝します。 というわけで、デザインやレイアウトのチェックに使えるクロスブラウザテストのサイト一覧は以下から。 10 Helpful Resources for Cross Browser Testing Browsershots http://browsershots.org/ 見てのとおり、現時点ではほぼ最強に最も近い定番クロスブラウザテストサイトが「Browsershots」です。Linux・Windows・Mac OS・BSDの各種ブ

クリエイティブ・コモンズ・ライセンスで公開されており、自由に使うことが可能なPSDファイルの詰め合わせパックです。Web2.0っぽいデザインからオリジナルのデザインまで、いろいろなサイト作成やパーツ作成に応用できそうなものが山ほど詰め込まれており、かなり使えます。 ダウンロードは以下から。 Deluxive Creative Pack 001 by *Deluxive on deviantART 中に含まれているのは以下の通り。 バッジ キューブ カーテン カレンダー グリッドフレーム いろいろな文字入れができるパーツなど イラストいろいろ ポラロイド風の枠 世界地図とかお天気とか 付箋紙 押しピン シェルフ たばこ 星形のバッジ ぺらっとめくれる感じのステッカー 木の板 なお、ほかにもPhotoshopで利用できるパターンや壁紙も入っています。

CSSとFlashのデザインでインスピレーションを得るためのサイト「Best Web Gallery」が選んだ2007年度のCSSデザインベスト50が発表されています。どれもこれもなかなか秀逸なデザインなので、来年度の新しいデザインに向けて、今年度の総復習を行って新たなインスピレーションの糧を得たい人や、ウェブサイトやブログのデザインを新しくしたいので参考になるデザインを探している人に最適です。 というわけで、ベスト50は以下から。 Capture the Valley - A project to benefit Habitat for Humanity http://capturethevalley.com/ Squawk http://www.squawkdesign.com/ Emeril's Holiday to Go : Home http://www.emerils.com/

2008年1月のMacworld Expoで、従来モデルの半分の重さという超軽量で極薄のMacBook Proが発表されるかもしれないそうです。しかもHDDの代わりに瞬間起動を実現するフラッシュメモリを搭載するかもしれないなど、機能も充実しているとのこと。 詳細は以下の通り。 AppleInsider | Ultra-portable Apple notebook to splash down at Macworld Expo この記事によると、来年1月に行われるMacworld Expoで発表される可能性があるという新しいMacBook Proは、従来の15インチモデルと比べて約半分の重量であるほか、とても薄型となるそうです。 そしてHDDの代わりにNAND型のフラッシュメモリであるSSDを搭載しており、一瞬で起動することを実現しているほか、消費電力が非常に少ないLEDバックライトを採用

GPLライセンスで提供されており、全部で110個分あります。各種ファイル形式やデバイスのアイコンがそろっており、このライセンスに従う限りは自由に改造することも可能です。 ダウンロードは以下から。 Iconica by `dangeruss on deviantART 提供されているZIPファイルの中身はPSD形式のファイルになっており、Photoshopで加工したりすることができます。以下が全アイコンファイルの中身です。意外に高品質なので便利かも。

クリエイティブ・コモンズのライセンスで提供されており、自分の好きな画像を机の上に散らばったポラロイド写真風に表示することができるFlashファイルです。画像はダブルクリックすると拡大されます。 使い方は至って簡単で、同梱のファイルに表示したい画像ファイル名と、説明文を書くだけ。あとは表示させたい画像を一緒にアップロードすれば自動的に読み込んでバラバラバラ～っと並べて見せてくれます。Flashで作られているのでやろうと思えば自分のブログに埋め込むなんてことも可能です。また、編集できるようにFlaファイルも提供されているので改造もできます。 ダウンロードは以下から。 Polaroid Gallery v.1.01 http://no3dfx.com/polaroid/ ダウンロードしたZIPファイルを解凍し、中にある「photos.xml」を編集するだけです。実際にどんな感じで書くかというのは

ロゴデザイン、名刺デザイン、Flashのサイト、CSSのサイトの4種類に分かれており、それぞれについて「これは！」というようなデザインのインスピレーションを得ることができるサイトです。各デザインには投票によってランクがつけられており、高ランク順に並び替えることもできるので、効率よくかっこいいデザインを探すことができます。 アクセスは以下から。 Design Inspiration Gallery - FAVEUP http://www.faveup.com/ ロゴの場合（新着順）（高ランク順） 名刺の場合（新着順）（高ランク順） Flashを使ったサイトの場合（新着順）（高ランク順） CSSを使ったサイトの場合（新着順）（高ランク順）

技術的知識が無くてもタブを作れるフリーソフトからかなり派手な効果を伴うタブ作成ライブラリ、Yahoo！やGoogle、Adobeの作ったタブまで、いろいろと応用が利いて独自の特徴があるものをざっくりと18種類ほどピックアップしてみました。 いろいろなページやブログで頻繁に見かけるタブ方式のメニューですが、こうやって並べてみると実は見せ方も使い方も種々様々であることがよくわかります。 まずは知識不要でタブが簡単に作成できる「CSS Tab Designer」。Windows用のフリーソフトで、約60種類ものデザインが用意されています。その中にタブ方式のメニューもたくさん用意されており、ほかにも縦型のメニューやZDNet風メニューなども用意されています。 OverZone Software - CSS Tab Designer 細かいカスタマイズが可能なタブメニュー。画像を使ったサンプルも用意

～目次～ ■ブルーオーシャンなんてどこにもない ■それはロングテールではなくてただのニッチ市場 ■その会社は何年続くのか ■お前が死ねばその会社は終わる ■代表取締役とCEOと社長は違う ■足し算と引き算ができるかできないか ■ロジックが正しくても利益は出ない ■世の中には会社がたくさんあるという現実 ■挫折から立ち直る方法は挫折することでしか得られない ■あなたが起業するために必要なモノ 以前にインタビュー記事を掲載した「ビジネスプランコンテストSEEKS」、これには実際にGIGAZINEも審査員として参加し、全部で12チームの出したプランを見ていったわけです。で、終了後に交流会があったりと、いろいろな起業を志望する人と交流ができたわけです。 その中で感じたことを以下、まとめていきます。ホリエモンによっておそらく本格的に火がついたというか、注目されてきた就職以外の「起業」という選択につい

ウェブデザインに限らず、何かパソコンを使ってデザイン関連の仕事をするにはあの「Photoshop」を使いこなすことが必須らしいとはわかっていても、いまいちどういう風に使えばいいのかわからない、あるいは、仕事でPhotoshopを使ってはいるが必要な機能のみを使っているだけであって、ちょっと凝ったことを聞かれると即答できないのでテクニックをブラッシュアップしたいと思っている……そんな人向けに役立つPhotoshopをマスターするためのチュートリアルをいろいろと集めてみました。時間のあるときにでも少しずつ眺めていけば、なんでもできるようになるかも。 チュートリアルの詳細は以下の通り。 まずは基本的なテクニックを具体例と一緒に解説しているサイトを3つほど。初級テクニックから高等テクニックまで具体例を交えて解説しています。 Photoshop Tutorials from PhotoshopCAF

ある夜、歩行者信号が赤になったのに青がつきっぱなしなので、「止まれ」の中の人が出てきて「進め」の中の人に引っ込むように言ったところから始まるバトル。わらわらと赤い人と青い人が出てきて戦う様子はなかなか見応えがあります。 ムービーの再生は以下から。 YouTube - Snickers Stop and Go 最初は赤が優勢ですが、光を消して近づいてきた青に一気に駆逐されてしまいます。「Don't stop」というスニッカーズのCMでした。 SNICKERS http://www.snickers.jp/

ひたすらに自機に襲いかかってくる四角をクリックして消していくゲームです。敵は波状攻撃を仕掛けてきて、どんどんいろんな四角を投入してきます。こちらも負けずに消していきましょう。 アクセスは以下から。 Ellipsis タイトル画面。 白いのが自機です。操作は簡単で、敵である四角をクリックして撃破するだけ。緑はザコなのでゆっくりと直線的に移動してくるだけです。 青は移動速度が速いです。 水色は自機を引っ張ります。 赤は自機を追尾。 黄色はゆらゆらと移動。小さいのでクリックしづらい。 第19波になると灰色の見えづらい敵が登場。 このへんになるとオールスター勢ぞろいで攻撃してきます。 耐えきれず、第23波でやられました。ずっとクリックするので腕が痛くなります、注意しましょう。

CSSを使って吹き出しを作成することができるCSSファイルとJSファイル、それから画像ファイルをひとまとめにしたセットです。XHTML1.0準拠で、Internet Explorer 6 と 7、Firefox 2.0、Safari 2.0、Opera 9.0で動作確認ができています。 ダウンロードは以下から。 willmayo.com >> CSS Speech Bubbles 実際のサンプルは以下にあります。 CSS Speech Bubbles 角をまるくしているのは、「curvyCorners」を使用しているとのこと。 ほかにもこの吹き出し方のものは以下に多くあります。 入力欄（フォーム）部分をマウスでクリックすると吹き出しが出てくるタイプ Tooltip for forms リンクの上にマウスを乗せると吹き出しが表示されるタイプ Ajax tooltip リンクの上にマウスを乗せ

背景色が黒色の場合、白の割合をどれぐらいにするか、そしてそれをどれぐらい効果的に表現しようとするか、つまり機能美として背景などの目立たないところにはハイライトを使わず、読ませたい部分にきっちり目の焦点を合わせるために使われているか、そういう点に気をつけるのがポイントだそうで。 というわけで、デザイン的にダーク系配色を使う場合に見ておいた方がいいサイトの例があるそうなので、見てみましょう。言うまでもありませんが、デザイン最優先で見がたくなっているものから、いわゆる機能性を優先しつつデザイン性まで確保しているものまで様々ですので、すべてがいいデザインというわけではありませんが、参考にはなるのではないかと。 30 Dark Designs You Should’ve Seen | Smashing Magazine デザイン的に一番機能美として優れているとされるのは一応、以下のサイト。目立たせた

この「amCharts」というのを使えば、無料でFlashのパイチャートや円グラフが作成可能です。Flashの専門知識は不要で、グラフにしたいデータなどを設定ファイルに書いていくだけで完成します。グラフの種類や見せ方もいろいろと指定でき、かなり応用が利きそうな予感。 詳細は以下から。 amCharts: customizable flash Pie & Doughnut chart ダウンロードは下記のページから可能です。 DOWNLOAD PIE & DOUGHNUT 実際の例は以下のページから見ることが可能です。まずは標準的な円グラフ。 http://www.amcharts.com/pie/examples/1/ この例ではグラフの説明がそれぞれのグラフの中に書いてあります。 http://www.amcharts.com/pie/examples/2/ こんな感じで2つのグラフにし

自分が使っているiPodの調子が悪くなった時、どこが悪いのかを診断できる「診断モード」というものがあるそうです。これを用いることによって、問題点を発見することが可能になるかもしれません。 ただしメーカーの公式の利用法ではないので、試すときは自己責任で。 続きは以下の通り。 How To Boot IPod Into Secret Diagnostic Mode! Video まずリセットさせる必要があります。 電源が切れるまで、真ん中のボタンを押しながら「menu」ボタンを押し続けます。 真ん中のボタンを押したまま「menu」ボタンから指を放し、「back」ボタンを押します。 数秒すると「diagnostic mode（診断モード）」のメニュー画面が出てきます。 USBやFireWire、クリックホイール、ディスプレイにヘッドホンジャックなど、さまざまなテストが可能。 HDDの情報を見るこ

AJAXを駆使してスムーズな閲覧ができることで一大センセーションを巻き起こしたGoogle マップですが、その地図上でいろいろな地点を指し示しているあの赤い矢印をリアルで作ってしまった人々がいるようです。実際の製作ムービーもあるのですが、ものすごくシュールです。 再生とその他の画像は以下から。 YouTube - "Map" Aram Bartholl www.datenform.de QuickTime版 製作風景の写真はこちらに。 www.datenform.de --- Net Data Space vs. Every Day Life --- Aram Bartholl ビルの屋上とかに置いておくとおもしろそう。

FUJIFILMによる自然の美しさを訴えるサイト。日本の富士や屋久島からドイツの黒い森やアフリカの熱帯雨林まである種幻想的な美しさを見せる写真が見られます。 詳細は以下から。 エクアドルのカヤパス。 ニュージーランドのワイポウア。 ニュージーランドのフィヨルドランド。 カリフォルニアのジャイアントセコイア。 カナダのローレンシャン高原。 ブラジルのモンテヴェルデ。 マレーシアのサラワク。 ロシアのウラル地方。 イギリスのコッツウォルド。 デンマークのRold Skov。 ドイツの黒い森・シュバルツバルト 富士の樹海。 屋久島。 熊野古道。 白神山地。 マダガスカルのバオバブ街道 アフリカ最古の熱帯雨林、コラップ 他にもいろいろな写真が下のリンクのFOREST GALLERYから見られます。 FORESTS FOREVER

サイトにアクセスするだけで、10分間だけ使えるあなた専用のメールアドレスが表示されます。 試しに手元のメールソフトから送信してみればわかりますが、ちゃんとウェブ経由で受信でき、件名や本文などすべてふつうに表示可能です。日本語も問題なく表示されます。 また、10分間だけ使えるメールアドレスから返信することも可能。10分間何もしないとそのメールアドレスは消えるのですが、時間を延長することも可能ですので、一時的に使い捨てのメールアドレスが欲しい場合には最適。 使い方は以下の通り。 10 Minute Mail http://www.10minutemail.com/ サイトにアクセスしたら、「Get my 10 Minute Mail e-mail address.」をクリック するとメールアドレスが表示されます。これだけでメールアドレス取得完了。「10 more minutes!」をクリックす