特集1：王道の装飾系CSS ＋αのテクニック

−視認性、操作性、デザイン性を向上させる—

jQueryをはじめとするJavaScriptライブラリや透過PNGの利用、あるいはCSS3の浸透などにより、かなり幅広い表現が可能になりました。日頃よく使っているデザインも、もしかするともう一工夫する余地があったり、より簡単な別のテクニックで実現できたりするかもしれません。この特集では、定番のCSSデザインにそういったプラスαのアイデアで、使いやすさやわかりやすさを向上させ、制作の選択肢を広げることを目指します。

• 【メニュー＆ナビゲーション】
  ロールオーバー効果をCSS3の「opacity」で実現／IE 6にも対応した透過PNGによるロールオーバメニュー／スクロールバーに追随して移動するメニュー／常に下端に表示される固定フッター／マウスオンでひょっこり現れるメニュー／ページ内リンクをJavaScriptで自動生成する／ページ内リンクをスムーズスクロールで／リンク内容を判断して、アイコンをCSSで装飾する　ほか
• 【グラフィックと配置の制御】
  表示する画像をマウスオンで自由に配置する／ネガティブマージンとfloatで動きを付ける／固定背景を利用してスクロール時に遊び心を／透過PNGを使って、浮遊感のあるキャプションをつける／角丸デザインをCSS3の「border-radius」で実現／iPhone関連プロモーション向けのスライドショー／ラジオボタンやチェックボックスを画像で表現　ほか
• 【フォーム・グラフ他】
  フォームに透かしテキストを入れる／GIFアニメで入力欄を目立たせる／GIFアニメでリンク箇所を目立たせる／CSSで作る折れ線グラフ／影つきテキストや影つきボックスをクロスブラウザで／擬似クラスで要素を抽出する　ほか

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

特集2：小さな小さなWebデザインギャラリー

−検索窓からTwitterボタンまで、サイトを彩るパーツのアイデアコレクション−

Webサイトを彩るデザインパーツの数々。そこには、Webクリエイターのアイデアや技術、工夫がたくさん詰まっています。本特集では、各種ナビゲーション、ヘッダ、フッタ、ボタンなどなど、世界中のWebサイトから選りすぐりの「デザインパーツ」を収集しました。その数は600種類以上！　いいデザインが思い浮かばないあなた。それから、マンネリ化で悩んでいるあなた。行き詰まった時は、ぜひこのコレクションを使ってください。パラパラめくるだけで、必ず新しいアイデアが閃くはずです。

• 【デザインパーツ】
  ナビゲーションメニュー／パンくずリスト／「このページのトップへ戻る」／「＜前の記事へ　次の記事へ＞」／ヘッダ／フッタ／送信ボタン／購入ボタン（買い物カゴ）／RSSアイコン／Twitterアイコン／アクセントアイコン／検索窓／チェックボタン・ラジオボタン／フォントサイズ変更ボタン／ファビコン／表／カレンダー／見出し／ローディング画面／スクロールバー／Not Found／Coming-Soon
• 【Tips】
  Apple風パンくずリストが人気、その作り方とは？／ディティールにこだわりを！　クリックしたくなる送信ボタン／タイポグラフィで作るComing-Soonのポイント　ほか

掲載サイトリンク集へ

【Special Report】ツクルヒト特別編＿UNIQLOクリエイティブマネジメントディレクター

勝部健太郎／世界を驚かせる仕事が生まれる瞬間

世界の広告賞を総なめにした「UNIQLOCK」を筆頭に、この数年のWebの世界を大きく変えてきたユニクロ。一連のWebクリエイティブロジェクトに加えて、海外でのブランディング施策のディレクションを手掛けているのが、クリエイティブディレクターの勝部健太郎さんです。世界をあっと言わせるものづくりのヒントについてお話をうかがいました。ギャラリー増ページで、ユニクロの世界を一挙ご紹介！

【NEW】ベースメントファクトリープロダクション書籍刊行記念対談

横山和幸（アサヒビール）×北村健（BFP代表取締役）

日本が誇るWeb制作会社ベースメントファクトリープロダクション（BFP）が、これまで築き上げたWebの制作フローを書籍にまとめ、『Web Designing Books』として今春刊行されます。そこで、収録されている対談ページから、未収録の内容を誌面で公開します。第一回は、アサヒビール（株）の横山和幸氏とBFP代表取締役の北村健氏の対談からです。

【NEW】GREEN MEDIA Lab.

自分のCO₂排出量を計算してみよう

環境問題が日常的になりつつある今日このごろ。遠からず、Web制作の現場でも対応が求められるようになるでしょう。その日のためにも、ちょっとしたところから始めておきたいもの。そのためのノウハウを紹介する新連載です。初回は「自分のCO₂排出量を計算してみよう」がテーマです。

算定・報告・公表制度における算定方法・排出係数一覧

Web Designing Lab.

CSSLab.＿ヘッダを自由自在にレイアウトする
Text：えだかわ

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

Ajax/JavaScriptLab.＿ツールチップで情報リッチなリンクリスト
Text：中村享介

サンプルデータ「tooltip.js」を見る
サンプルデータ「tooltip2.js」を見る
サンプルデータをダウンロードする

FlashLab.＿ディテールを見せるフォトギャラリー
Text：沖良矢（世路庵）

サンプルデータ「index.html」を見る
サンプルデータをダウンロードする

GraphicLab.＿「飛び出し」を活用した立体的な画面構成
Text：瀧上園枝（Cyan）

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

HOSTING SERVICE Essence

あなたの個人情報を世界中に公開するかもしれない、WHOIS情報の役割と仕組み
Text：井上聡

movement

六本木アートナイト2010、エキソニモの新iPhoneアプリ、
都築響一の蔵書売り払いプロジェクト　ほか
今月のアーティスト／與語直子

エキソニモのView-Source

いくぞー!! 1、2、3、4nchor5 la6!!!
Text & Visual：エキソニモ

Worldwide Creator's Archive

Perfect Fools／小さな喧嘩から、世界的成果物が生まれる

Perfect Fools

WD Website Front

みんなで決めよう！　500 colors × questions、Filtrete - See The Air You Breathe、Glanz、株式会社セラク　ほか

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

WD Website Front＿In-Depth Report

EDEN OF THE EAST／ARコンテンツで映画『東のエデン』の世界観を体感

EDEN OF THE EASTARコンテンツのためのサイトです。
AR三兄弟

one's view

「悩んだら、首を傾けてみよう」
Text：川島高
First-Person Tetris

「「手間」を贈られる嬉しさ」
Text：寺井周平（trick7.com）
Make a thank you movie!

「拡張現実の可能性は視覚だけジャナイのである（AR）」
Text：川田十夢
テノヒラアド

モノサシに目印

映画印象図
Text & Visual：長谷川踏太（tomato）

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

営業支援ツールとしての瞠目のケータイ活用法
Text：中谷健一（トリムタブジャパン）

BiND Hack

BiND3がモバイルサイトに対応。β版をいち早く検証
Text：樋口泰行（（有）樋口デザイン事務所）

BiND for WebLiFE*3
サンプルデータをダウンロードする

ハギハラ総研

まだ低いソーシャルメディアの浸透度
Text：萩原雅之

この仕事のカタチ

アバターなオレは勝ち組ですか？

Web Standards Plus

Microsoftも策定に参加する「SVG」とは？
Text：矢倉眞隆（ミツエーリンクス）

IEBlog
「SVG in HTMLのサンプル」を見る
サンプルデータをダウンロードする

my first IA

「分類」とユーザーとの関わりを意識していますか？
Text：長谷川敦士（コンセント）

橘塾

BtoB企業サイトでのお問い合わせの姿勢について
Text：橘守

WD Reviews

Sorenson Squeeze 6、Viveza 2、User Insight 2

News Crawler

米Nielsenが指摘、「日本のSNSは大きな伸びしろがある」
ブラウザベンダが抱える動画フォーマット標準化問題　ほか

hrkr

病気から経営まで、レシピサイトで全部解決
Text：家入一真

その他

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