特集1：CSS3プロパティから発想するアイデア集

−工夫と合わせ技で主要プロパティを一歩踏み込んで使いこなす−

CSS3から新たに使えるようになったプロパティでは、これまで画像や他のテクニックを併用しないと実現できなかったものをCSSだけで可能にしたり、実装が煩雑だったものをシンプルに実現できたりといったメリットをもたらしました。その結果、表現力と利便性が大きく向上しています。そんなCSS3の機能を活かしたアイデアを、オリジナルサンプルや参考となるサイトを例に紹介していきます。

• 【background】文字型のマスクや背景画像のテクスチャ作成
• 【maskimage】画像をアナログな質感に見せるテクスチャ
• 【box-shadow】ボタンの質感やテーブルデザインのクオリティを向上
• 【text-shadow】さり気なく質感を上げるコツや光るボタンの作成
• 【gradient】サービスサイト「GRAD 2」を使ったボタン作成
• 【RGBa / opacity】背景色や文字、img画像を透過させる際の使い分け
• 【border-radius】自然な角丸とシャドウで演出するボックスレイアウト
• 【border-image】文字サイズに合わせて可変するボタンや素敵な額縁デザイン
• 【@font-face】Web Fontsによる見出しデザインやGoogle Web Fontsの活用
• 【column】画像による段組みの区切り線や可読性向上術
• 【animation】動きを使い回せるアニメーション作成とヘッダや背景などへの活用 ほか
• 【transform】matrix による一括指定とコンテンツエリアやレイアウトへの活用
• 【transition】回転や裏返すアニメーション作成とドロップダウンメニューへの活用

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

特集2：Web制作のためのツール＆リソース図鑑

−品質と作業効率を上げるための必携ツール最新版！−

コーディングのためのエディタやプロジェクトを管理・共有するためのサービスなど、Web制作の品質と作業効率を上げるためのツールやリソースは、今やWebデザイナーにとって必携のものです。でも、何年も前に導入したものを疑いもなく使い続けていたり、イマイチ使い勝手が悪いと思いながらも、探すのが面倒でそのままになっていたりしませんか？　Webデザインが日々進化しているように、Web制作のためのツールやリソースも常に進化しています。定番ツールから新登場のサービスまで、品質と作業効率を上げるための厳選ツール＆リソースを一挙に紹介します。アナタにぴったりのものをぜひ探してみて下さい。

• 01 コードエディタ＿Aptana Studio／Coda
• 02 ソースチェッカー＿Unicorn／Another HTML-lint gateway／Web Developer／Html Validator
• 03 ファイル共有サービス＿Dropbox／SugarSync／ZumoDrive／quanp
• 04 プロジェクト管理＿Backlog／Basecamp／My Redmine／Zoho Projects／echo
• 05 iPhone／iPadシミュレータ＿iOS シミュレータ／iPhoney／FireMobileSimulator ／ iBBDemo2
• 06 その他の便利ツール＆リソース＿join.me／SpeakingImage／Awesome Screenshot　ほか
• 07 Photoshopブラシ
• 【Column】注目の翻訳サービスmyGengo

Worldwide Creator's Archive

The Designers Republic ／帰ってきた僕たちのヒーロー、「復活」の真相

「地球上でもっともコピーされたデザインカンパニー」とも称される、グラフィックデザイン界の巨星「The Designers Republic（TDR）」。2009年に突然の解散で世界のデザイン界に衝撃が走ったが、2010年には新生TDRとして再スタート。代表のイアン・アンダーソンがWeb Designing読者のために、ここまでの経緯を告白してくれた。

The Designers Republic

デザインにできることDialogue

田中千絵×永原康史「 やさしいからやさしさが出ちゃうんです（笑）」

今回はイラスト、グラフィック、イベントの企画など、多岐にわたって活躍しているクリエイターの田中千絵さんをゲストに、これまでのお仕事から彼女のライフスタイルまで、さまざまなお話を聞いた。彼女の交友関係、そして興味のアンテナはライフスタイルの変化とともにどんどん広がっていく。

chie tanaka homepage

Web Designing Lab.

CSSLab.＿美しいグリッドデザインを作り上げる
Text：高橋のり（Webデザインレシピ）

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

jQueryLab.＿シンプルで高機能な画像ビューアを作る New!
Text：徳田和規、谷拓樹、長谷川広武

「SECTION1」のサンプルデータを見る
「SECTION2」のサンプルデータを見る
「SECTION3」のサンプルデータを見る
サンプルデータをダウンロードする

FlashLab.＿印刷機能を制御する
Text：沖良矢（世路庵）

「SECTION2」のサンプルデータを見る
「SECTION3」のサンプルデータを見る
サンプルデータをダウンロードする

GraphicLab.＿デザインにシンメトリーを導入する
Text：長谷川アンナ

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

Server Quick Reference

ネット上の住所であり、電話番号でもあるドメインの基礎知識
Text：井上聡

movement

春は浮世絵の展覧会が勢揃い！̶̶北斎・写楽・国芳、新進気鋭の現代アーティストに出会える「アーティスト・ファイル2011」「アートフェア東京2011」　ほか
今月のアーティスト／大畑伸太郎

エキソニモのView-Source

天地創造と不可視IMG神
Text & Visual：エキソニモ

WD Website Front

UNIQLOOKS、Spoon、「STORY」〜未来への物語が始まる〜、Portfolio for iPad by IN VOGUE、JWT、九州すし市場、FORM::PROCESS　ほか

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

WD Website Front＿In-Depth Report

PR01. Web／CMSの自在レイアウトがファッションとWebを繋ぐ

PR01. web
LOWORKS

【新著者登場】one's view

「スクロールベースドな演出」
Text：土屋泰洋
Elect-LO-nica Compilation

「カメラはもはや器官だ」 NEW
Text：清水幹太
PhotoSwap

「Webで新しい音楽の楽しみ方」
Text：木村幸司（STARRYWORKS inc.）
ただのともだち

「緊張感のある日々」 NEW
Text：川口 聡
Blackmail Yourself