2010年4月号
特別定価 1,470円
- サンプルデータのダウンロードには、当月号の目次に掲載しているIDとパスワードが必要です。
- サンプルデータに関する詳しい注意点については、このページの下部に記載している「サンプルデータについて」をご覧ください。
特集・特別企画
特集1:実践・CSSコーディングの新常識
−CSS3、HTML5、ブラウザ対応、効率化と高速化、etc.—
Webを閲覧できるデバイスがたくさん登場し、さまざまなモダンブラウザがリリースされているにもかかわらず、IE 6はまだ無視できません。また、サイト制作に関わる人数が増えてその工程も日に日に複雑化しているなか、CSS3の話題も増えてきています。
このように、HTMLサイトの制作を取り巻く状況が急速に変化しています。
状況に即してCSSデザインのワークフローや考え方も変わる必要があるはずですが、こうすべきという共通見解は、ないのが実情です。この特集では、CSSでサイトをデザインする上で、現在そして今後しばらくのために知っておくべき「新常識」を解説しています。
- 01 プログレッシブエンハンスメント
- 02 Fluid Gridレイアウト
- 03 文字デザインからCSSを組む
- 04 HTML で作るデザインカンプ
- 05 Webサイト高速化の現在
- 06 「OOCSS」で効率的なスタイル設計
- 07 jQuery によるCSS 3セレクタ補完
- 08 CSS3のWeb Fonts機能
- 09 ファイル構成とソースコード管理
- 【コラム】ブラウザ別CSS3の先行実装状況
- 【コラム】HTML5でのCSSで注意すること
特集2:デジタル一眼ムービーがやってきた!
−プロが認めた高画質&高感度な映像が低価格で実現−
この1年半、テレビCMや音楽プロモーションビデオの世界では大きな変化が起きていることをご存じでしょうか。安価であるにもかかわらず、驚くほどの表現力を持った「新しいムービーカメラ」が、一気に広がりを見せているのです。
そのカメラとは、なんと「デジタル一眼カメラ」。皆さんもよくご存じの、キヤノンのEOS 5D Mark IIなどのムービー対応カメラです。
これまで数百〜数千万円かかったような美しい映像をわずか数十万円で撮影できてしまう。その衝撃はまさに「革命」です。そして、この波はWebの世界にも押し寄せています。この特集では、その「デジタル一眼カメラ」を使ったムービーの世界を、作例と撮影の2つの角度から紹介していきます。
- なぜデジタル一眼カメラが映像の世界に革命を起こすのか
- 現場のクリエイターはデジタル一眼レフをどう見ているのか
- デジタル一眼レフムービーを活かしたWebサイト
- BASEMENT FACTORYは一眼デジタルをこう使った
- CMやPV、TVでは
- デジタル一眼カメラ紹介
- デジタル撮影の基礎テクニック
- Final Cut 編集のベーシック
【新連載】デザインにできることDialogue
勝井三雄×永原康史/プログラマブルな思考で新しい技術に挑む
人と人との出会いによって立ち上ってくる情報をデザインしてみたいという想いから、デザイナーの永原康史氏が対談を行う「デザインにできることDialogue」として隔月連載がスタートします。初回は、1960年代から活躍を続けるグラフィックデザイナーの勝井三雄氏です。
【新連載】Social Seeds
つぶやきから始まった、ハイチ地震被災者を救済する仕組み
Text:野澤智(ニテンイチリュウ)
世界各地でのソーシャルメディアを活用した先進的な試みや成功事例を紹介していく新連載です。まず最初は、地震によって救急対応電話が機能しなくなったハイチにおけるケガ人と救助者を結ぶための仕組みを紹介します。この仕組みは、Twitterでのつぶやきから生まれました。
【新著者登場】one's view
- 川村真司「デジタルとリアルのバランス」
- アッキー秋元(Asiajin)「女性の着せ替え人形好きは万国共通か」
連載企画
Web Designing Lab.
CSSLab._サイトマップや透過PNGで彩るフッタ
Text:えだかわ
サンプルデータ「IDEA1」を見る
サンプルデータ「IDEA2」を見る
サンプルデータをダウンロードする
Ajax/JavaScriptLab._時間差フェードイン効果を実現する
Text:中村享介
サンプルデータを見る
応用編サンプルデータを見る
サンプルデータをダウンロードする
FlashLab._ActionScript 2.0から3.0への移植ガイド
Text:沖良矢(世路庵)
サンプルデータ「section2.html」を見る
サンプルデータ「section3.html」を見る
サンプルデータをダウンロードする
GraphicLab._簡単に作るランダムな背景イメージ
Text:瀧上園枝(Cyan)
サンプルデータ「IDEA1」を見る
サンプルデータ「IDEA2」を見る
サンプルデータ「IDEA3」を見る
サンプルデータをダウンロードする
HOSTING SERVICE Essence
もっとも身近なクラウドコンピューティングサービス、Google Appsを使ったサーバ活用
Text:井上聡
movement
横山裕一個展「わたしは時間を描いている 」、六本木クロッシング2010「芸術は可能か?」 ほか
今月のアーティスト/大庭大介
エキソニモのView-Source
※画面点滅・爆音に注意!
Worldwide Creator's Archive
Webshocker/アルプス山脈に囲まれ、成長を続ける制作集団
WD Website Front
パックマン ウェブ、the FWA、WEB WEB BOY、GREY SHINES THE WORLD、Jelly Beans SoftBank 840SH、iida calling ver.3.0 ほか
WD Website Front_In-Depth Report
あの「電波少年」が、Twitter を活用してWebで復活!
【新著者登場】one's view
「劇的ビフォー・アフター」
Text:川島高
Cristian Girotto
「デジタルとリアルのバランス」
Text:川村真司
Parrot AR.Drone
「人は「手」で何がしたい?」
Text:寺井周平(trick7.com)
WRANGLER BLUE BELL SPRING/SUMMER 2010
モノサシに目印
映画印象図
Text & Visual:長谷川踏太(tomato)
ベースメントファクトリープロダクション書籍刊行記念対談
加藤雅章(ロボット)×北村健(BFP)
ツクルヒト_現代美術家
足立喜一郎/心を動かす「ひみつ」の形
モバイルコンテンツ最前線
ソーシャルゲームという絶大な巻き込み力
Text:中谷健一(トリムタブジャパン)
コロニーな生活☆PLUS
BiND Hack
「BiND3.5」登場! モバイルサイト作成&プレビュー機能搭載!
Text:樋口泰行((有)樋口デザイン事務所)
ハギハラ総研
高まるソーシャルメディアの露出価値
Text:萩原雅之
この仕事のカタチ
IE 6がオリンピックに出ていたら‥‥
Web Standards Plus
"FREE"なHTML5本『HTML5: Up and Running』
Text:矢倉眞隆(ミツエーリンクス)
my first IA
複数のサイト同士の関係も考えて設計していますか?
Text:長谷川敦士(コンセント)
GREEN MEDIA Lab.
カーボンオフセットプロバイダって何だ?
カーボンオフセットプロバイダー「ジーコンシャス」
個人向けカーボンオフセットプログラム
UNEP(国連環境計画)のCN Net
橘塾
ユーザーの立場に立って、「買う理由」を明示する
Text:橘守
WD Reviews
MTCMS 5.1、STRATA DESIGN 3D CX 6、nine-HTTP、3D INVIGORATOR for PS
News Crawler
2009年の広告費、ネットが新聞抜き2位に。モバイルが好調
開発者支援金3億円!「 アプリやろうぜ!!」プロジェクト ほか
hrkr
位置情報共有サービスでやりたい「あちらの方からです」
Text:家入一真
その他
全国Web制作会社リスト
モニター&プレゼント
WD Square
Back Numbers
サンプルデータについて
- サンプルデータのダウンロードには、当月号の目次に掲載しているIDとパスワードが必要です。
- 各サンプルデータの著作権は、各データの作者に帰属します。
- サンプルデータをご利用の際の利用条件や連絡先などについては、圧縮データに同梱しているテキスト「readme.txt」をご覧ください。
- 各サンプルデータの内容に関しては間違いのないように十分注意しておりますが、もしこれらのデータを利用することによってトラブルや損失・損害が発生しても、各データの作者および(株)マイナビは一切責任を負いませんのでご了承ください。