Web Designing

ウェブデザイニング | Web Designing | 情報戦略でビジネスを加速させる 毎月18日発売

cover

2009年7月号

定価 1,280円

  • サンプルデータのダウンロードには、当月号の目次に掲載しているIDとパスワードが必要です。
  • サンプルデータに関する詳しい注意点については、このページの下部に記載している「サンプルデータについて」をご覧ください。

特集・特別企画

特集1:一段上のCSS にするヒント

−レイアウト、デザイン、透過PNG、JavaScript etc.で工夫する—

CSSでWebサイトのデザインをしていて、「何かもうひと工夫したいけれど、どうしていいかわからない」ということはないでしょうか。ありがちで平凡な印象を払拭したい、もっと使いやすくしたい、こんな雰囲気を演出したい‥‥などなど。そんなときに、Webサイトのデザインをもうワンランクステップアップさせるための表現やテクニックを、実際のWebサイトやオリジナルのサンプルを例に紹介していきます。

  • 透過画像を重ねてサイトに奥行きを出す
  • 半透明効果を演出するためのさまざまなテクニック
  • IE6でも透過PNGを活かしたデザインに
  • 画像にマスクをかけて変化をつける
  • ネガティブマージンによる要素の位置ずらし配置
  • 遊び心と機能性を両立した“手描き風”デザイン
  • CSSサイトに動きを与えるJavaScript
  • JavaScriptを活用して膨大な情報を整理する
  • ミニマムな単ページデザインにメリハリをつける
  • デザインだけでなく、さまざまな閲覧環境に配慮する
  • Webクリエイターに聞く、注目するCSS表現とは?

preview

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

特集2:WordPressを選ぶ理由

−気軽に使えるのに奥が深い、期待のblogツールの魅力を探る−

今、世界でもっともたくさんのユーザーに使われているblogツールは、実はWordPressなのです。従来の他のblogツールにはない数々の魅力を持っているWordPressは、日本でも今後、爆発的に普及する可能性を秘めています。なぜ、世界各国のユーザーはWordPressに惹かれるのでしょうか? WordPressを使うと、いったいどんなことが実現できるのでしょうか? WordPressのことをよく知らなかったあなたも、WordPressを選ぶ理由がきっと見つかるはずです。

  • WordPress創始者 Matt Mullenweg氏インタビュー
  • WordPressの魅力とは何か?
  • WordPressとMovable Typeの比較
  • WordPressでサイトを構築してみよう
  • Movable TypeからWordPressへの移行
  • 多彩なテーマを選ぶ
  • プラグインを検証する
  • テーマをカスタマイズするには?
  • WordPressで構築されたサイト事例
  • 百式管理人・田口元さんがWordPressを選んだ理由

preview

【特別企画】モリサワ×BCCKS 字組広告公募展開催記念

中村勇吾(tha ltd.)×松本弦人(サルブルネイ)特別対談

時代の先端をいくメディアを舞台に活躍し、カリスマ的なデザイナーとして認知されるなど、共通点も多いこの二人。対談は脱線を繰り返しつつも、文字論からデザイン論 へ、そして二人が理想とするクリエイター像を描くところへと突き進んでいきます。

preview

BCCKS×モリサワ 字組広告公募展
BCCKS
FONTPARK 2.0|MORISAWA

【Report】dotFes 2009 OKINAWA with Flash Flavor

今度は沖縄! 噂の「大喜利」など、カンファレンス模様を一挙レポート

preview

dotFes 2009 OKINAWA festival for web designers

【Special】WebクリエイターのためのアワードYJICAが今年も募集開始!

Yahoo! JAPAN インターネット クリエイティブアワード2009

Yahoo! JAPAN Internet Creative Award 2009

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

新「iMenu」に見るFlash Liteの可能性
Text:安西渉(ORSO

preview

連載企画

Web Designing Lab.

CSSLab._写真が目立つ定番レイアウト
Text:千貫りこ(KICKS Web

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

Ajax/JavaScriptLab._外部リンクの表示挙動を制御する
Text:中村享介

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

FlashLab._Flash CS4の新描画ツールを使いこなす
Text:沖良矢(世路庵

preview

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

GraphicLab._Photoshopで作る「汚れた」グラフィック
Text:瀧上園枝(Cyan, inc.

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

HOSTING SERVICE Essence

SSLサービスの種類と価格差の理由
Text:井上聡

movement

「骨」展、名和晃平「L_B_S」展、アロイーズ展、
ネオテニー・ジャパン 高橋コレクション、
PUBLIC/IMAGE.METHODレポート、FITCレポート
今月のアーティスト/安部典子 ほか

preview

デザインにできること

セシルとホールデン
Text:永原康史

Worldwide Creator's Archive

“レトロ・ヴィンテージスタイル”でWebシーンを闊歩する

247 media studios

WD Website Front

Chanel N°5、WARD SEXTON、印傳屋:INDEN-YA、どんな?文科!数字で見る文部科学省、adidas SALA FESTA 2009 ほか

WD Website Front

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

WD Website Front_In-Depth Report

クリエイティビティの追求でサイトの魅力を向上させる「ルオとルコ」

preview

ルオとルコ
ヤマ

one's view

「映像コンテンツの新しいオンライン化」
Text:川島高
Honda Insight - Let It Shine on Vimeo

「Lacoste Red!」
Text:茂出木龍太
Lacoste Red!

「笑顔を誘う笑顔のユーザーインターフェイス」
Text:田中宣匡(レベルQ
UNIQLO WIRE #01 Hello BRATOP

  • 「主役はオーディエンス」
    Text:太駄健司(インターネット広告のひみつ
    The FWA - 50 Millionth Site Visit Celebration

  • モノサシに目印

    暑中見舞
    Text & Visual:長谷川踏太(tomato)

    Flashの学校_3rd season

    Text:大西拓人(クスール

    preview

    サンプルデータを見る※新しく開いたウインドウにマウスカーソルを乗せて、動かしてみてください。上に行くほど音量が大きく、右へ行くほど音程が高く変化します。

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

    ツクルヒト_田川欣哉(デザインエンジニア)

    盾と矛とで切り拓く道

    takram design engineering

    ハギハラ総研

    携帯ビジネスを支える「閲覧データ」
    Text:萩原雅之

    この仕事のカタチ

    俺らガラスのジェネレーション

    Standard Coding

    HTML 5のページが増殖中!
    Text:大藤幹

    html5 Gallery

    my first IA

    コンテンツモデルから考える、Webページのあり方
    Text:長谷川敦士(コンセント

    橘塾

    せっかくのお客様を取り逃すWebが多い
    Text:橘守

    Flash開発の新機軸「ActionScript ライブラリ」(最終回)

    ActionScript ライブラリと付き合っていくための道しるべ
    Text:新藤愛大Spark project

    preview

    WD Reviews

    Corel Painter 11、Vue 7 Infinite

    News Crawler

    「extends Progression拡張機能コンテスト」結果発表、
    携帯電話最新機種はJavaScript、CSS 2、FLV対応 ほか

    ベビーアクション

    manga & Text:横山裕一

    その他

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

    サンプルデータについて

    • サンプルデータのダウンロードには、当月号の目次に掲載しているIDとパスワードが必要です。
    • 各サンプルデータの著作権は、各データの作者に帰属します。
    • サンプルデータをご利用の際の利用条件や連絡先などについては、圧縮データに同梱しているテキスト「readme.txt」をご覧ください。
    • 各サンプルデータの内容に関しては間違いのないように十分注意しておりますが、もしこれらのデータを利用することによってトラブルや損失・損害が発生しても、各データの作者および(株)マイナビは一切責任を負いませんのでご了承ください。