特集1：CSS3でモダンなサイトデザイン

−細部にまで気を配った豊かな表現をシンプルな構造で実現する−

CSS3を利用すると、これまでCSSだけでは実現できなかったことを可能にできたり、複雑なコードを記述しなければならなかったことをシンプルなコードで手軽に実現できたりと、多くのメリットを享受できます。各ブラウザでの対応も進みつつあり、利用される機会は増していく一方です。そんなCSS3の新機能を活かし、デザインもモダンな20種のサンプルを紹介しています。すぐに役立つアイデア満載です！

• 【ナビゲーション】
  • 2種類の透過を使いわけたナビゲーション／transitionでアニメーションするドロップダウンメニュー／3種のプロパティを組み合わせたアニメーションするタブメニュー／animationでインタラクティブなドロップダウンメニュー
• 【レイアウト・コンテンツ表示】
  • floatやclearを使わないボックスレイアウト／Webブラウザの横幅に合わせて段組みの数を変える／アニメーションで視覚的なロールオーバー／ライトボックス風にポップアップ表示する
• 【テキスト・ボタン・罫線】
  • コピー可能なテキストを、好きなフォントで！／テキストに画像のような影をつけて可読性を向上／立体感で目を惹く型押し文字／jQuery を使って動くシャドウボタン／要素のボーダーに画像を指定する
• 【ギャラリー・吹き出し・表】
  • box-reflectによるリフレクション効果／写真の角度に回転でアクセントをつけたギャラリー／グラデーションで質感を高めたギャラリー／アニメーションするポラロイド写真のギャラリー／CSSだけで作る、影付きの吹き出し／CSS3だけで実現するアニメーション効果のついたグラフ／テーブルデザインを使ったカレンダー

サンプルデータをダウンロードする

特集2：Webデザイナー白書 2010

−今年で10回目。業界最大のアンケート調査で探る業界の「今」と「明日」−

今年で10回目となる「Webデザイナー白書」。弊誌Webサイト上で行われたアンケートをもとに、Webデザイナーの平均年齢や勤務地、職場規模や年収、制作に利用しているツールなどの制作環境、さらにはこの仕事を始めたきっかけに悩み、そして喜びまで、Webデザイナーと、それをとりまく環境の業界の今を探ります！　さらに今年は、iPhoneなど、Webデザイナーにとっての「新たな活躍の場」にも着目してみたいと思います。

• 01 人となり編＿Webデザイナーの経歴や担当業務を知る
• 02 職場編＿職場の人数や会社の規模など、職場の様子をチェック
• 03 労働環境編＿始業時間や終業時間、年収などWebデザイナーの仕事まわりをグラフ化
• 04 制作環境編＿利用しているオーサリングツール、チェックに使っているブラウザ、関心のある技術など仕事のベーシックとなる部分に注目
• 05 受注編＿見積もり金額の考え方を徹底調査
• 06 この仕事を選んだあなた＿この仕事を選んだ理由は？　Webの仕事でよかったことなど、コメント形式で紹介
• 07 業界のこれから編＿変わりつつある業界のこれからを考えてみましょう

言葉のデザイン 2010 パブリッシングプロジェクト

第3回レポート「言葉が運動を始めている」

原研哉、永原康史両氏が毎回、さまざまな分野の専門家を招き、オンスクリーンでのタイポグラフィを考える会「言葉のデザイン2010」。第三回研究会では、小説家の高橋源一郎氏とエディター／ライターの橋本麻里氏をゲストに迎えて、"言葉"の変化する環境について意見交換が行われた。

デザインにできることDialogue

藤本由紀夫×永原康史「コンセプトをデザインする」

大阪で開催された永原康史個展「星座の解体」にて、氏と30年来の付き合いであるサウンドアーティストの藤本由紀夫氏を招いたトークイベントが行われた。今回は、二人がどうやって制作を行ってきたかについて、迫ってみよう。

Web Designing Lab.

CSSLab.＿透過PNG＆透過CSSで背景にもう一工夫！
Text：佐藤とも子・サチコ（螺旋デザイン）

サンプルデータ「IDEA1」を見る
サンプルデータ「IDEA2」を見る
サンプルデータをダウンロードする

FlashLab.＿XFLファイルで作業効率を上げる
Text：沖良矢（世路庵）

サンプルデータをダウンロードする

GraphicLab.＿1枚の写真から、味わい深いビジュアル制作
Text：長谷川アンナ

サンプルデータ「IDEA1」を見る
サンプルデータ「IDEA2」を見る
サンプルデータ「IDEA3」を見る
サンプルデータをダウンロードする

HOSTING SERVICE Essence

価格？スペック？それともサポート体制？　ホスティングサービス選びでチェックすべきポイントとは
Text：井上聡

movement

藤本壮介の山のような、雲のような、森のような建築、メゾンエルメスに出現する“認識不可能な場”、国内外131組のアート＆パフォーマンス「あいちトリエンナーレ2010」開幕　ほか
アドビ「BE READY for the new Web market」レポート
今月のアーティスト／石井 亨

エキソニモのView-Source

雑誌の伝統的手法
Text：エキソニモ

Worldwide Creator's Archive

Hello Monday／いつでも諦めないで楽しむこと

Hello Monday

WD Website Front

Million Play Hanabi、iida calling ver.4.0、SISAN i s .、New FWA Mobi le Showcase、TOKYO ZOO PROJECT、絵本と珈琲ペンネンネネム　ほか

今月の掲載サイトリンク集へ

one's view

「ありそうでなかった製品検索サイト」
Text：長井健一（ワン・トゥー・テン・デザイン）
camera navi

「買いたいから買ってください。」
Text：川村真司
Wants for Sale

「過去の遺産を掘り返す？」
Text：小山智彦
Canvas Cycle:True 8-bit Color Cycling with HTML5

モノサシに目印

躁鬱日記
Text & Visual：長谷川踏太（tomato）

ツクルヒト＿グラフィックデザイナー

大原大次郎／文字の素顔

大原大次郎 omomma

Dance with iPhone

Flashでプロトタイピング
Text：深津貴之（Art & Mobile）

いざiPhoneアプリを作ろうとしても、いきなりObjective-CやCocoaフレームワークを勉強するのはハードルが高い‥‥。そんな時はまず、Flashを使ってみるといいかもしれません。今回は、「TiltShift Generator」などの数々の人気アプリを生み出してきたArt & Mobile の深津貴之氏が、その活用方法を解説してくれます。

TiltShift Generator
TiltShift Generator for iPad（iPad版）

ハギハラ総研

電子書籍市場、本当の普及はこれから
Text：萩原雅之

この仕事のカタチ

白書の言葉。その「量」に見る「思い」

Web Standards Plus

異なる端末に対応する「Responsive Web Design」
Text：矢倉眞隆（ミツエーリンクス）

my first IA

カードソーティングでサイトの情報分類をしてみよう
Text：長谷川敦士（コンセント）

GREEN MEDIA Lab.

環境はビジネスの武器になるか

橘塾

アクセス解析指標を有効活用しているか
Text：橘守

モバイルコンテンツ最前線

ケータイフリマ「ショッピーズ」：「ユーザーの声に、真摯に耳を傾ける」しくみ
Text：中谷健一（トリムタブジャパン）

ショッピーズ

Social Seeds

テレビCMの登場人物から自分にレスポンスが来たら？
Text：野澤智朝（ニテンイチリュウ）

Old Spice Responses

WD Reviews

Microsoft Expression Studio 4、BiND for WebLiFE* 4

News Crawler

一般的な携帯電話でAR ができる「AR3DPlayer」
PCサイトの価値、1位はパナソニック　ほか

その他

全国Web制作会社リスト
モニター&プレゼント
WD Square
Back Numbers