2009年9月号
定価 1,280円
- サンプルデータのダウンロードには、当月号の目次に掲載しているIDとパスワードが必要です。
- サンプルデータに関する詳しい注意点については、このページの下部に記載している「サンプルデータについて」をご覧ください。
特集・特別企画
特集1:CSS プロパティに強くなる
−基礎、そして困った時の解決策をギュッと凝縮!—
ひょんなことで起こるCSSトラブル。何かある度に、思い当たる原因や解決策をWebで調べていませんか?
それなら、制作に取り掛かる前にCSSプロパティの基礎をしっかり押さえておきましょう。本特集では「float」「position」「font」「background」「border」の5大プロパティについて、起こりがちなトラブル事例をたくさん交えながら解説します。
- 【トラブルシューティング】
- ボックス配置
- float_要素の左または右に寄せて配置する
フロートしたら画像が消えてしまった!/marginとの組み合わせが招く「IE 6だけ余白2倍」 ほか - position_要素の位置を上下左右に移動させる
思い通りの位置に要素を動かせない/文字サイズ変更でレイアウトが崩れた! ほか
- float_要素の左または右に寄せて配置する
- フォント設定
- font_文字のスタイルを指定する
font-sizeはpx? それとも%? em?/IEでtable内のfont-sizeがおかしい ほか
- font_文字のスタイルを指定する
- 背景設定
- background_背景に関する値を一括で指定する
IEでセンター寄せした背景画像が1pxずれる/左右に並べたボックスの背景が揃わない!
- background_背景に関する値を一括で指定する
- 罫線設定
- border_要素にさまざまな線種の罫線を指定する
borderを入れるとレイアウトが崩れる?/1pxの点線がIEだけで表示できない
- border_要素にさまざまな線種の罫線を指定する
- ボックス配置
- 【コラム】
- 特集のポイントを押さえて解決! Webサイトトラブル“Before & After”
特集2:図画工作でサイトの文字を作る
−アナログとデジタルを掛け合わせたデザインアイデア−
Webサイトのデザインを考えるとき、最初からPCモニタの中で考えていませんか?
もし、ちょっと目を惹くデザインや個性的な表現が思いつかなくて行き詰まったとしたら、身の回りをよく見回してみてください。そこにはたくさんのデザイン素材やモチーフがあるはずです。この特集では、リアルでの図画工作的な手法とPCでの処理を掛け合わせてWebサイトのロゴや記号などを制作していくための、さまざまなアイデアを紹介していきます。
- 段ボールをスキャンしてPC上で文字を組み立てる
- 紙で立体文字を制作する
- 紐状のものを使って一筆書きの文字を作成する
- キーボードをバラして文字キーを利用する
- インスタントレタリングに擦れや傷のアクセントをつける
- ラベルシールをサイドのリンクメニューに利用する
- 出力した文字をなぞって手書きタッチに
- ペンで書いた文字を滲ませて変化をつける
- チョークで書いた文字や線を利用して板書風デザインに
- 古い書籍の文字を拡大してレトロ感を表現する
- 看板やパッケージ、ネオンサインなど撮影した文字を再構成
- 透明なグラスの中に出力した文字を浮かべる
- プチプチに、プリントしたタイトル文字を挟む
- カラフルな野菜を並べてアルファベットに
- スパンコールでキラキラした文字や記号を
- アミ点を縮小出力と拡大スキャンでモアレ調に ほか
【dotFes】詳細発表! チケットも販売開始
dotFes 2009京都、10月18日に開催!
【FocusOn】Flash Catalyst とFlash Builder のパブリックベータがいよいよ公開
Adobe Flash Platformがもたらす新しいワークフロー
【新連載】クリエイティブのための現場力養成道場 中川流「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年を持続させた原動力
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:太駄健司(インターネット広告のひみつ)
Dunkin' Run
モノサシに目印
神様からのメッセージ
Text & Visual:長谷川踏太(tomato)
モバイルコンテンツ最前線
Flash Lite ×アバターに見る次の一手
Text:安西渉(ORSO)
Flashの学校_3rd season
Twitter APIを利用し、自動的にメッセージを更新する
Text:岡崎大典(クスール)
ツクルヒト_蒼山日菜(切り絵作家)
ハサミと紙と二つの目線
hrkr
Twitter、やってますか?
Text:家入一真
ハギハラ総研
情報消費量は流通量の10万分の5
Text:萩原雅之
この仕事のカタチ
アラヒャク白書2009前夜
Standard Coding
新しいページ制作手法「オブジェクト指向CSS」
Text:大藤幹
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
サンプルデータについて
- サンプルデータのダウンロードには、当月号の目次に掲載しているIDとパスワードが必要です。
- 各サンプルデータの著作権は、各データの作者に帰属します。
- サンプルデータをご利用の際の利用条件や連絡先などについては、圧縮データに同梱しているテキスト「readme.txt」をご覧ください。
- 各サンプルデータの内容に関しては間違いのないように十分注意しておりますが、もしこれらのデータを利用することによってトラブルや損失・損害が発生しても、各データの作者および(株)マイナビは一切責任を負いませんのでご了承ください。