Web Designing

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

cover

2009年12月号

特別定価 1,470円

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

特集・特別企画

特集1:バナー & blogパーツの設計図

−小窓の中に詰め込まれた技術の基礎から応用まで—

バナーやblogパーツは、小さなスペースでユーザーを惹きつけなければならないだけではなく、決められた大きさに収めた上で、掲載媒体のサーバにアップロードしたり、ユーザーのblog環境に適応させたりといった制約があるため、通常のWebサイト制作とは違ったノウハウがたくさんあります。しかし、制作する機会が多いわりには、制作のコツやテクニックをまとめた解説は意外と見当たらないものです。そこで本特集では、さまざまなパターンのバナーとblogパーツの制作テクニックを紹介していきます。

  • バナー解説
    • バナーでリアルを疑似体験させる/マウスカーソルが消える、カタチが変わる
    • ムービーが切り刻まれるインタラクション/2つのバナーの連携でダイナミックに魅せる
  • blogパーツ解説
    • 部分的なフローティングとランダム遷移/Twitter APIのデータを利用したblogパーツ
    • blogの文字を解析し、音楽に置き換える/ユーザーがカスタマイズできるblogパーツ
  • インタビュー&バナー解説
    • 中村洋基氏インタビューとご本人によるバナー作品の解説

preview

掲載サイトリンク集へ

特集2:用途と指標で選ぶCMSガイド

−そのサイトに、そのCMSは最適ですか?−

「ライブイメージ」ダウンロード

本特集では、数多あるCMSの中から、オープンソース・商用を問わず、注目のツールを紹介しています。そして、CMS選びの参考となるように、用途別のチェックシート、詳細なコメント入りの指標チャートを掲載しました。また、オープンソース系CMS(Drupal、Joomla!、modx、EC-Cube、OpenPNE)は、仮想マシンのVirtualBoxやDVDから起動して体験できるようにOSからツールまでをオールインパッケージ化した「ライブイメージ」をダウンロード提供しています!

  • CMS選びのポイント
    • 「企業が採用するCMS」という観点でCMS選びのポイントを解説
  • オープンソースCMS
    • 三大オープンソースCMS:Drupal/Joomla!/modx
  • 用途特化型CMS
    • 特定用途に限定したオープンソースCMS:EC-Cube/OpenPNE
  • 商用CMS
    • 注目の最新商用CMS:Web Release 2/tsumiki 2.0/ vibit CMS/ Jimdo
  • ライブイメージの使い方
    • 特集で取り上げたオープンソースCMSを手軽に体験できるライブイメージの使い方を解説

preview

ライブイメージのダウンロードと使い方

  • 【特別小冊子】WebクリエイターのためのWebツールガイド

    国内外からお薦めのOSS&Webアプリケーション110個を厳選!

    GmailやTwitter、flickrなどの例を挙げるまでもなく、いまやWebにはあらゆる種類のサービスが提供されています。同様に、FirefoxのようなアプリケーションからPHP、JavaScriptライブラリまで、オープンソースソフトウェア(OSS)もすっかり身近な存在になりました。この小冊子では、世界中のWebサービスやOSSから、Webクリエイティブに有用と思われるものを厳選してお届けします。

    preview

  • 【dotFes】Webクリエイターのための文化祭

    dotFes 2009 京都レポート!

    preview

    dotFes京都

    dualfront WD_新サービスβ提供開始!

    新作サイト情報をシェアしよう

    preview

    dualfront WD

    【新連載】BiND Hack

    Dreamweaver でBiND3のCSSを自分好みに改造

    「BiND for WebLiFE* 3」は、数々の「テーマ」を適用することでWebサイトのデザインをがらりと変えられる、XHTML/CSSベースのWebオーサリングソフトです。実はこの「テーマ」、CSSの集合体で構成されていて、Dreamweaverなどでカスタマイズすることができます。この連載では、CSSのカスタマイズを中心に、BiND3を使ってクライアントワークを効率的にこなす方法を解説していきます。

    preview

    BiND for WebLiFE*3
    テーマ改造キット

    【FocusOn】Web制作会社が取り組める環境対策の基準作りを目指す

    カーボンオフセットを身近にする「GREEN MEDIA」プロジェクトとは

    preview

    連載企画

    Web Designing Lab.

    CSSLab._シンプルで見やすいフォームのデザイン
    Text:枝川峻太朗(まぼろし

    preview

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

    Ajax/JavaScriptLab._ノンリフレッシュで情報を絞り込む機能
    Text:中村享介

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

    FlashLab._Webカムを利用した連続写真ツールを作る
    Text:沖良矢(世路庵

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

    GraphicLab._多様なイメージを引き出すブラシ処理の活用方法
    Text:海津ヨシノリ

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

    HOSTING SERVICE Essence

    もしも2011年にIPアドレスが枯渇したら、いったいなにが起こるのか
    Text:井上聡

    movement

    広告批評展〜ひとつの時代の終わりと始まり、
    医学と芸術:生命と愛の未来を探る、HEARTBEAT-SASAKI展、
    SIGGRAPH ASIA 2009 in 横浜 ほか
    今月のアーティスト/稲を植える人

    デザインにできること

    電子ブックの夜
    Text:永原康史

    エキソニモのView-Source

    “AEKLEYBILL”と萩原俊矢
    Text & Visual:エキソニモ

    preview

    Worldwide Creator's Archive

    Megalo(s)/ユーザーのエモーショナルな部分を引き出したい

    Megalo(s)

    WD Website Front

    HBO Imagine、Enjin Beat Box、Shapeshifter、インテル「Sponsors of Tomorrow.」、三英美術 ほか

    WD Website Front

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

    WD Website Front_In-Depth Report

    Wacom Bamboo Funキャンペーンサイト/落書きできるインターフェイス「スケッチピストン」とは?

    preview

    Wacom Bamboo Funキャンペーンサイト(スケッチピストン4)
    チームラボ(株)

    one's view

    「リアルモノポリー」
    Text:川島高
    Monopoly City Streets

    「キャンペーンサイトを「勘違い」して見る訓練」
    Text:寺井周平(trick7.com
    Lech.pl

    「夢を購入して夢を与える寄付サイト」
    Text:田中宣匡(レベルQ
    夢の病院をつくろうPROJECT

  • 「いまおなかすいてます」
    Text:野澤智(ニテンイチリュウ
    Wendy's Real Time

  • モノサシに目印

    「くとみる」
    Text & Visual:長谷川踏太(tomato)

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

    ケータイに優しい「サクサク動く」Flashコンテンツの制作方法
    Text:安西渉(ORSO

    preview

    ツクルヒト

    泉啓司(彫刻家)/ひたすらに彫るビジュアルの衝動

    ARATANIURANO

    ハギハラ総研

    世界が注目する日本の携帯3G環境
    Text:萩原雅之

    この仕事のカタチ

    聞こえるようで聞こえない声

    my first IA

    多言語対応はしっかりできていますか?
    Text:長谷川敦士(コンセント

    中川流「Web道」 

    第三回 Webディレクター編
    Text:中川直樹(アンティー・ファクトリー

    橘塾

    「課題発掘型営業」がもたらす効用
    Text:橘守

    WD Reviews

    iClone 3 PRO、Snagit 9

    News Crawler

    Adobe MAX 2009レポート Flash CS5などの新情報を紹介
    「GyaO」や「Windows 7」がSilverlight 普及を後押し ほか

    hrkr

    「人」に着目したWebサービスを考える
    Text:家入一真

    preview

    ベビーアクション

    manga & Text:横山裕一

    その他

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

    サンプルデータについて

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