週刊Webテク通信

2010年3月第5週号 1位は,HTML5とCSS3のツールや情報源,気になるネタは,アマゾン,「Kindle for iPad」を正式に発表

この記事を読むのに必要な時間:およそ 2 分

ネットで見かけたWebテク(Webテクニック・Webテクノロジー)記事から,Webデザイナーの目で厳選したネタを週刊で紹介するこのコーナー。今回は,2010年3月22日~3月28日の間に見つけた記事のベスト5です。

1. 22 Handy HTML5 & CSS3 Tools, Resources And Guides | Graphic and Web Design Bloghttp://www.1stwebdesigner.com/resources/22-handy-html5-css3-tools-resources-and-guides/

HTML5とCSS3に関するツールや情報源を大量に集めた記事です。

前回前々回とこの連載で紹介したCSS3のジェネレーター「CSS3 Generator」⁠CSS3 Please!」も紹介されていますね。CSS3の変形,グラデーション,角丸は専用のジェネレーターもあります。

各ブラウザのCSS3とHTML5への対応状況を表にまとめてあるサイトも便利そうです。

図1 HTML5とCSS3のツール,情報源,ガイド

図1 HTML5とCSS3のツール,情報源,ガイド

2. 10 Essential Design Tools for Social Media Proshttp://mashable.com/2010/03/23/social-media-design-tools/

ソーシャルメディアのプロのための必須デザインツールの紹介という記事ですが,Webデザイナーにも役立ちそうです。

紹介されているツールは以下。Webサービスが中心です。

  1. 定番グラフィックソフトの代替となるオープンソースのソフト
  2. デザインコミュニティサイト
  3. デザイン素材の配布サイト
  4. アイコン検索サイト
  5. モックアップ(ワイヤーフレーム)作成ツール
  6. 修正のやりとりに便利なコラボレーションツール
  7. メールマーケティングツール
  8. 提案書作成ツール
  9. 請求書発行サービス
  10. グリッドレイアウトのためのフレームワーク

図2 サイト制作に役立つツールいろいろ

図2 サイト制作に役立つツールいろいろ

3. Sketchbooks of a Web Developer | LOOKS GOOD Design Magazinehttp://www.looks.gd/design/sketchbooks-of-a-web-developer

Webページのワイヤーフレームやラフレイアウトを手書きで作るときに便利な用紙が多数紹介されています。

ブラウザの枠やグリッドが付いているもの,1枚に複数画面が配置されたものなど,いろんな用紙のPDFファイルがあります。気に入った用紙のファイルをダウンロードして,プリントしてから使うということですね。

スケッチブックとして発売されているものも紹介されています。

図3 Web制作者のためのスケッチブック

図3 Web制作者のためのスケッチブック

4. 30 beautiful Website Navigation | Underworld Magazines Design Blog |http://www.underworldmagazines.com/beautiful-website-navigation/

すてきなナビゲーションメニューのギャラリーです。

corporateriskwatch.comのロールオーバー時の動作には,ビックリしました。縦いっぱいにラインが走るのですが,なかなか斬新です。

図4 すてきなナビゲーションメニュー30選

図4 すてきなナビゲーションメニュー30選

5. 25 Web Designs with Amazing Attention to Detail ? DesignM.aghttp://designm.ag/inspiration/attention-to-detail/

細部にまで注意が払われた,すばらしいWebデザインのギャラリーです。

最近はやりの,アナログ感のあるザラザラしたテクスチャーを使ったサイトが多いですね。

図5 細部までこだわってデザインされた25のWebサイト

図5 細部までこだわってデザインされた25のWebサイト

そのほか先週の記事から,jQueryのプラグインを2つ紹介します。

先週の気になるWebサービス

Best Search Engines Web Sites For Designers To Find Icons and Icon sets | Photoshop Tutorials - Design and Photo Effectshttp://www.shredesign.com/featured/search-engines-web-sites-designers-find-icons-icon-sets

今回は,アイコンを探してダウンロードできるアイコン用検索エンジンが6つ案内されている記事を紹介します。

どのサイトも,各アイコンのライセンス表記がはっきり書いてあるので安心です。商用無料のアイコンも探せばたくさんありそうです。

Webデザインに使っていいアイコンと,デスクトップで使うためのアイコンとがあるので注意しましょう。

図6 アイコン用検索エンジン集

図6 アイコン用検索エンジン集

今週の気になるWebネタ

アマゾン,「Kindle for iPad」を正式に発表 - iPhone・iPod touch ラボhttp://ipodtouchlab.com/2010/03/kindle-for-ipad-1.html

米アマゾンが,iPad向けのアプリ「Kindle for iPad」を発表しました。⁠Kindle for iPhone」がすでにあるわけなので,当然の流れなんでしょう。でも,iPadとともに立ち上がるiBookStoreと競合するものなので,アップルにとってはやっかいな存在ともいえそうです。

一方日本では,電通が講談社などと組んで雑誌をiPadに配信するサービスを始めるようです。新聞のアプリもきっと出るでしょう。日本ではiBookStoreが立ち上がる前に,独自のアプリでの書籍配信が盛んになっていくのかもしれませんね。

アメリカでも日本でも,iBookStoreは苦戦するかもしれません。でも,電子書籍端末としてのiPadの存在感は,どんどん増していきそうですね。

著者プロフィール

芦之由(あしのよし)

Webデザインやサイト制作に役立つブログ記事やニュースをほぼデイリーでお届けするメルマガ「デイリーWebテク」発行人。フリーのWebデザイナー兼イラストレーター&ライター。シャープMZ-80Bからのパソコンユーザーで,Macintosh IIciからのMacユーザー。嫌いな言葉は「IEで見ると表示が崩れてるよ」。

デイリーWebテクの購読やバックナンバーについては,以下の紹介サイトをご覧ください。

デイリーWebテク - Webテク関連の話題を毎日配信 -
URLhttp://www.rgs680.com/dwt/

コメント

コメントの記入