特集1：CSS プロパティに強くなる

−基礎、そして困った時の解決策をギュッと凝縮！—

ひょんなことで起こるCSSトラブル。何かある度に、思い当たる原因や解決策をWebで調べていませんか？
それなら、制作に取り掛かる前にCSSプロパティの基礎をしっかり押さえておきましょう。本特集では「float」「position」「font」「background」「border」の5大プロパティについて、起こりがちなトラブル事例をたくさん交えながら解説します。

• 【トラブルシューティング】
  • ボックス配置
    • float＿要素の左または右に寄せて配置する
      フロートしたら画像が消えてしまった！／marginとの組み合わせが招く「IE 6だけ余白2倍」　ほか
    • position＿要素の位置を上下左右に移動させる
      思い通りの位置に要素を動かせない／文字サイズ変更でレイアウトが崩れた！　ほか
  • フォント設定
    • font＿文字のスタイルを指定する
      font-sizeはpx？　それとも％？　em？／IEでtable内のfont-sizeがおかしい　ほか
  • 背景設定
    • background＿背景に関する値を一括で指定する
      IEでセンター寄せした背景画像が1pxずれる／左右に並べたボックスの背景が揃わない！
  • 罫線設定
    • border＿要素にさまざまな線種の罫線を指定する
      borderを入れるとレイアウトが崩れる？／1pxの点線がIEだけで表示できない
• 【コラム】
  • 特集のポイントを押さえて解決！　Webサイトトラブル“Before & After”

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

特集2：図画工作でサイトの文字を作る

−アナログとデジタルを掛け合わせたデザインアイデア−

Webサイトのデザインを考えるとき、最初からPCモニタの中で考えていませんか？
もし、ちょっと目を惹くデザインや個性的な表現が思いつかなくて行き詰まったとしたら、身の回りをよく見回してみてください。そこにはたくさんのデザイン素材やモチーフがあるはずです。この特集では、リアルでの図画工作的な手法とPCでの処理を掛け合わせてWebサイトのロゴや記号などを制作していくための、さまざまなアイデアを紹介していきます。

• 段ボールをスキャンしてPC上で文字を組み立てる
• 紙で立体文字を制作する
• 紐状のものを使って一筆書きの文字を作成する
• キーボードをバラして文字キーを利用する
• インスタントレタリングに擦れや傷のアクセントをつける
• ラベルシールをサイドのリンクメニューに利用する
• 出力した文字をなぞって手書きタッチに
• ペンで書いた文字を滲ませて変化をつける
• チョークで書いた文字や線を利用して板書風デザインに
• 古い書籍の文字を拡大してレトロ感を表現する
• 看板やパッケージ、ネオンサインなど撮影した文字を再構成
• 透明なグラスの中に出力した文字を浮かべる
• プチプチに、プリントしたタイトル文字を挟む
• カラフルな野菜を並べてアルファベットに
• スパンコールでキラキラした文字や記号を
• アミ点を縮小出力と拡大スキャンでモアレ調に　ほか

【dotFes】詳細発表！　チケットも販売開始

dotFes 2009京都、10月18日に開催！

dotFes 2009 京都

【FocusOn】Flash Catalyst とFlash Builder のパブリックベータがいよいよ公開

Adobe Flash Platformがもたらす新しいワークフロー

Adobe Labs

【新連載】クリエイティブのための現場力養成道場　中川流「Web道」　

第一回　Webデザイナー編
Text：中川直樹（アンティー・ファクトリー）

この連載では、Web制作会社を設立して12年になる著者が、関連のさまざまな職種について、いかに「現場力」をつけていくかを語ります。Web業界に入って日が浅い人や、これからステップアップしたい人たちに向けて、クリエイターとして大切な気構えを伝えていきます。

Web Designing Lab.

CSSLab.＿スタイリッシュなフリーレイアウト
Text：浜俊太朗（ライブドア）

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

Ajax/JavaScriptLab.＿Flashの表示を制御する
Text：中村享介

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

FlashLab.＿読み込み・保存できる画像編集ツールを作る
Text：沖良矢（世路庵）

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

GraphicLab.＿Photoshopで「光の軌跡」を表現する
Text：瀧上園枝（Cyan, inc.）

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

HOSTING SERVICE Essence

ホスティングサービス会社が提供する、さまざまな付加価値サービスを選択する目安は？
Text：井上聡

movement

マイクロソフト「ReMIX Tokyo 09」開催。
今月のアーティスト／大巻伸嗣　ほか

デザインにできること

日食のこと
Text：永原康史

Worldwide Creator's Archive

Hi-ReS! London／挑戦というマインドが、10年を持続させた原動力

Hi-ReS! London

WD Website Front

東京ガールズパレード、H.I.S. 海外航空券 オンライン予約、We Choose the Moon、葵山葵 AOIWASABI　ほか

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

WD Website Front＿In-Depth Report

面白法人カヤック／毎日更新される、“メディア化”したコーポレートサイト

面白法人カヤック

one's view

「ドリフトから浮かび上がったヨーロッパの生活」
Text：川島高
iQ FONT

「過不足ないインターフェイス」
Text：茂出木龍太
Derek Hudson

「121人のパブリックストーリー」
Text：田中宣匡（レベルQ）
DAVIDLYNCH.COM PRESENTS INTERVIEW PROJECT

モノサシに目印

神様からのメッセージ
Text & Visual：長谷川踏太（tomato）

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

Flash Lite ×アバターに見る次の一手
Text：安西渉（ORSO）

Flashの学校＿3rd season

Twitter APIを利用し、自動的にメッセージを更新する
Text：岡崎大典（クスール）

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

ツクルヒト＿蒼山日菜（切り絵作家）

ハサミと紙と二つの目線

蒼山日菜

hrkr

Twitter、やってますか？
Text：家入一真

Twitter
Gainer

ハギハラ総研

情報消費量は流通量の10万分の5
Text：萩原雅之

この仕事のカタチ

アラヒャク白書2009前夜

Standard Coding

新しいページ制作手法「オブジェクト指向CSS」
Text：大藤幹

「Web Direction North」でのプレゼンテーションのビデオ

my first IA

カテゴリートップ問題を知っていますか？
Text：長谷川敦士（コンセント）

橘塾

「脱落率を改善する」とは、どういうことか
Text：橘守

WD Reviews

Adobe Flash Catalyst Public Beta、Adobe Flash Builder Public Beta、frimo 3

News Crawler

動画配信プラットフォーム「Brightcove 3」、日本語版登場
モバイルコンテンツ市場、電子書籍が着メロに迫る　ほか

ベビーアクション

manga & Text：横山裕一

その他

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