2009年5月号
定価 1,280円
- サンプルデータのダウンロードには、当月号の目次に掲載しているIDとパスワードが必要です。
- サンプルデータに関する詳しい注意点については、このページの下部に記載している「サンプルデータについて」をご覧ください。
特集・特別企画
特集1:CSS装飾テクニック集 24選+α
−将来もWebサイトに使える、安心の王道系スタイルを!—
Webサイトでさまざまな表現を実現できるXHTML+CSS。その中でも本特集では、将来も安心して使える王道のテクニックをたくさん集めました。パラパラとページをめくれば、きっとあなたのWebサイトに使えるスタイルが見つかるはずです。
- 【Tips】
- リンクテキストをボタン型メニューに/アイコン付きの「前のページへ 次のページへ」 ほか
- テキスト&引用領域
- 角丸を使って柔らかく見せる可変のお知らせ欄/縦にも横にも伸縮自在なフキダシ ほか
- フォーム・表&リスト
- フォームを背景色やアイコンで項目ごとに彩る/センスが光るシンプルな商品価格表 ほか
- アクセント&etc.
- 要素をまたいでアクセント画像を配置する/ページのコーナーにリボンを付ける ほか
- 【Next Generation's Tips】
- :beforeと画像を組み合わせた引用部分の装飾/文字列の最後を「…」で省略表示 ほか
- 【コラム】
- CSS作業をサポートする王道ユーティリティ集
特集2:ひと目でわかる、Webサイト
−文字を減らして視覚化すれば、情報はもっとわかりやすくなる−
文章が延々と続いたり、複雑な数字が所狭しと並んだり。そんなサイトでは、せっかくの情報を目に留めてもらうことすらできません。でも、それらの情報を、わかりやすいグラフィックに置き換えて視覚化することができたとしたら? 斬新なアイデアとグラフィックで、視覚化を試みるサイトのアプローチをぜひご覧ください。
- 【イントロダクション】
- 情報はグラフィックで伝えられる
- 【Webサイトに見る視覚化】
- アイコン・カラーを用いた視覚化/体験・説明・手順の視覚化/データ構造・検索の視覚化/概念・情緒の視覚化/行動の視覚化/空間・時間の視覚化
- 【インタビュー&コラム】
- 尾黒ケンジ・ひと目でわかる地図作り/ひと目でわかる視覚化の実戦に向けて
【OnClick】新しいタイプのオープンソースCMS「Concrete5」とは?
見ながらコンテンツの編集を可能に!
【FocusOn】JavaScriptとCanvas要素で操る「ファビコン」ゲーム
驚くべきアイデアと技術が実現した世界最小のWebゲーム?!
【新連載】Standard Coding
XHTML Media Types第二版で変わるXHTML
この連載では「Web標準」はもちろんのこと、Web制作にまつわる世界的な動向を取り上げ、分析・解説していきます。変化の目まぐるしいWeb制作現場で、私たちがどのように対応していくべきかを知ることができます。
【新連載】my first IA
HOMEボタン、どこに置いていますか?
Text:長谷川敦士(コンセント)
この連載では、Webサイト構築の身近な場面を取り上げて、情報アーキテクチャに目を向けるきっかけを提供していきます。カテゴリ構造、サイトストラクチャ設計、ユーザビリティテスト、カードソーティングなど、みなさんがちょっと気になっているIAのポイントをわかりやすく提案していく予定です。
【リニューアル】Flashの学校_3rd season
Gumbo、Alchemy、DurangoなどFlashを取り巻く技術環境を俯瞰する
Text:松村慎(クスール)
「Flashの学校」が3rd seasonにリニューアル。4人の講師(執筆陣)が交代で登場し、各々の得意分野を切り口に、Flashで実現できる表現の可能性を追求していきます。
【OnClick】BiND for WEBLiFE* 2.5
GoogleサービスをWebに埋め込める新機能SYNCが登場
連載企画
Web Designing Lab.
CSSLab._アニメーションGIF・透過PNGで作る縦型ナビゲーション
Text:樋口泰行(樋口デザイン事務所)
サンプルデータ「IDEA1」を見る
サンプルデータ「IDEA2」を見る
サンプルデータ「IDEA3」を見る
サンプルデータをダウンロードする
Ajax/JavaScriptLab._FAQにウインドウシェード風機能を実装
Text:中村享介
サンプルデータ「windowshade.html」を見る
サンプルデータ「windowshade2.html」を見る
サンプルデータ「dropdown.html」
サンプルデータをダウンロードする
FlashLab._3Dを利用したループアニメーションとUI
Text:沖良矢(世路庵)
サンプルデータ「section1」を見る
サンプルデータ「section2」を見る
サンプルデータをダウンロードする
GraphicLab._「フォーム」デザインにひと味加える
Text:関口和真
サンプルデータ「IDEA1」を見る
サンプルデータ「IDEA2」を見る
サンプルデータ「IDEA3」を見る
サンプルデータをダウンロードする
HOSTING SERVICE Essence
ホスティングサーバ乗り換え時のチェックポイント
Text:井上聡
movement
別府現代芸術フェスティバル2009 混浴温泉世界
ActionScriptライブコーディングバトル「DeskTopLive.as」
今月のアーティスト/朝海陽子 ほか
デザインにできること
旅の途中
Text:永原康史
Worldwide Creator's Archive
Web上で、Web作品を“販売”する作家「Rafaël Rozendaal」
WD Website Front
BEAMS、BEAMS Online Shop、ほろよい.com、CR笑ゥせぇるすまん、プレイ! PRIME、UNIQLO PARKA STYLE 1000 ほか
WD Website Front_In-Depth Report
直筆漫画インターフェイスを実現するCMSエンジンの秘密「佐藤秀峰 on Web」
【新著者登場】one's view
「あれもこれもJavaScript!」
Text:川島高(Goodby, Silverstein & Partners)
Chrome Experiments
「秀逸な演出と、好感の持てる発信スタンス」
Text:茂出木龍太
NIKE AIR TROUPE design battle
「ごはんをおごってくれるWebサービス」
Text:家入一真(paperboy&co.)
おごるTV
「オンラインで『絵当てゲーム』」
Text:太駄健司(インターネット広告のひみつ)
Draw-it BETA
モノサシに目印
アンチエイリアス
Text & Visual:長谷川踏太(tomato)
【集中連載】ActionScriptライブラリではじめるFlash 3D
Papervision3Dをはじめよう
Text:糠谷直
サンプルデータ「demo.swf」を見る
サンプルデータ「demo2.swf」を見る
サンプルデータをダウンロードする
参考)Web Designing2008年8月号の「Flash開発の新機軸『ActionScriptライブラリ』」 “ActionScriptライブラリの基礎知識と準備方法”を見る(PDF)
ツクルヒト_今日マチ子(漫画家)
微かな今をすくいとるペン先
ハギハラ総研
Webの存在感が高まるメディア接触の実態
Text:萩原雅之
この仕事のカタチ
Web業界における“デジアナ問題”
橘塾
バズワードに惑わされてはならない
Text:橘守
WD Reviews
Safari 4 Public Beta、Intuos4、Adobe Captivate 4
News Crawler
「Silverlight 3 β版」が登場、デスクトップアプリ化も可能に
各種ネットメディアにおける利用・信頼度の調査結果 ほか
ベビーアクション
manga & Text:横山裕一
その他
全国Web制作会社リスト
モニター&プレゼント
WD Square
Back Numbers
お詫びと訂正
2009年5月号の目次(3ページ)にて、表紙イラストレーターのクレジット表記に誤りがございました。
関係者の方々に大変なご迷惑をおかけしてしまったことをお詫びするとともに、ここに訂正させていただきます。
(正)
cover graphic : Jason Ruddy(Climarks Inc.)
http://www.climarks.com/
サンプルデータについて
- サンプルデータのダウンロードには、当月号の目次に掲載しているIDとパスワードが必要です。
- 各サンプルデータの著作権は、各データの作者に帰属します。
- サンプルデータをご利用の際の利用条件や連絡先などについては、圧縮データに同梱しているテキスト「readme.txt」をご覧ください。
- 各サンプルデータの内容に関しては間違いのないように十分注意しておりますが、もしこれらのデータを利用することによってトラブルや損失・損害が発生しても、各データの作者および(株)マイナビは一切責任を負いませんのでご了承ください。