特集1:CSS3プロパティから発想するアイデア集
−工夫と合わせ技で主要プロパティを一歩踏み込んで使いこなす−
CSS3から新たに使えるようになったプロパティでは、これまで画像や他のテクニックを併用しないと実現できなかったものをCSSだけで可能にしたり、実装が煩雑だったものをシンプルに実現できたりといったメリットをもたらしました。その結果、表現力と利便性が大きく向上しています。そんなCSS3の機能を活かしたアイデアを、オリジナルサンプルや参考となるサイトを例に紹介していきます。
- 【background】文字型のマスクや背景画像のテクスチャ作成
- 【maskimage】画像をアナログな質感に見せるテクスチャ
- 【box-shadow】ボタンの質感やテーブルデザインのクオリティを向上
- 【text-shadow】さり気なく質感を上げるコツや光るボタンの作成
- 【gradient】サービスサイト「GRAD 2」を使ったボタン作成
- 【RGBa / opacity】背景色や文字、img画像を透過させる際の使い分け
- 【border-radius】自然な角丸とシャドウで演出するボックスレイアウト
- 【border-image】文字サイズに合わせて可変するボタンや素敵な額縁デザイン
- 【@font-face】Web Fontsによる見出しデザインやGoogle Web Fontsの活用
- 【column】画像による段組みの区切り線や可読性向上術
- 【animation】動きを使い回せるアニメーション作成とヘッダや背景などへの活用 ほか
- 【transform】matrix による一括指定とコンテンツエリアやレイアウトへの活用
- 【transition】回転や裏返すアニメーション作成とドロップダウンメニューへの活用

特集2:Web制作のためのツール&リソース図鑑
−品質と作業効率を上げるための必携ツール最新版!−
コーディングのためのエディタやプロジェクトを管理・共有するためのサービスなど、Web制作の品質と作業効率を上げるためのツールやリソースは、今やWebデザイナーにとって必携のものです。でも、何年も前に導入したものを疑いもなく使い続けていたり、イマイチ使い勝手が悪いと思いながらも、探すのが面倒でそのままになっていたりしませんか? Webデザインが日々進化しているように、Web制作のためのツールやリソースも常に進化しています。定番ツールから新登場のサービスまで、品質と作業効率を上げるための厳選ツール&リソースを一挙に紹介します。アナタにぴったりのものをぜひ探してみて下さい。
- 01 コードエディタ_Aptana Studio/Coda
- 02 ソースチェッカー_Unicorn/Another HTML-lint gateway/Web Developer/Html Validator
- 03 ファイル共有サービス_Dropbox/SugarSync/ZumoDrive/quanp
- 04 プロジェクト管理_Backlog/Basecamp/My Redmine/Zoho Projects/echo
- 05 iPhone/iPadシミュレータ_iOS シミュレータ/iPhoney/FireMobileSimulator / iBBDemo2
- 06 その他の便利ツール&リソース_join.me/SpeakingImage/Awesome Screenshot ほか
- 07 Photoshopブラシ
- 【Column】注目の翻訳サービスmyGengo

Worldwide Creator's Archive
The Designers Republic /帰ってきた僕たちのヒーロー、「復活」の真相
「地球上でもっともコピーされたデザインカンパニー」とも称される、グラフィックデザイン界の巨星「The Designers Republic(TDR)」。2009年に突然の解散で世界のデザイン界に衝撃が走ったが、2010年には新生TDRとして再スタート。代表のイアン・アンダーソンがWeb Designing読者のために、ここまでの経緯を告白してくれた。

デザインにできることDialogue
田中千絵×永原康史「 やさしいからやさしさが出ちゃうんです(笑)」
今回はイラスト、グラフィック、イベントの企画など、多岐にわたって活躍しているクリエイターの田中千絵さんをゲストに、これまでのお仕事から彼女のライフスタイルまで、さまざまなお話を聞いた。彼女の交友関係、そして興味のアンテナはライフスタイルの変化とともにどんどん広がっていく。

0 件のコメント:
コメントを投稿