週刊Webテク通信

2012年6月第3週号1位は、Webサイト制作に関するツールや情報源まとめ、気になるネタは、国内アップルストアでもEasyPayがスタート

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

1. Web Developer Resources: A Mega-Compilationhttp://www.hongkiat.com/blog/web-developer-resources-compilation/

Webサイト制作に関するツールや情報源をまとめています。

掲載されている項目は以下となります。

  • Webテクニック/テクノロジー関連のブログ
  • jQueryプラグイン関連
  • HTML5&CSS3のスターターキットや関連ツール
  • WordPressのテーマ
  • フリーのサンプルコード
  • WebアプリケーションのAPI
  • Q&Aコミュニティ
  • ページ読み込み速度のテスト
  • Web制作用ソフトウェア
図1 Webサイト制作に関するツールや情報源まとめ
図1 Webサイト制作に関するツールや情報源まとめ

2. 11 Responsive Design Testing Toolshttp://designerves.com/article/11-responsive-web-design-testing-tools/

レスポンシブWebデザインの表示チェックをするツールを各種紹介しています。Webサービスだけでなく、独自のアプリケーションやブックマークレットもあります。

別の記事で、Top 10 Best Tools to Test your Mobile & Responsive Websites | Trendsというモバイルサイト用の表示チェックツールをまとめたものもありました。

図2 レスポンシブWebデザインの表示チェックツールいろいろ
図2 レスポンシブWebデザインの表示チェックツールいろいろ

3. Tips and tricks for Retina images in responsive web design | Feature | .net magazinehttp://www.netmagazine.com/features/tips-and-tricks-retina-images-responsive-web-design

Retinaディスプレイに対応したWebデザインを行うためのテクニックを紹介しています。

  • Background-sizeを100%と指定する
  • テキストを使用する
  • アイコンフォントを利用する
  • SVG形式の画像を用いる
  • CSS3を使う

といった項目が紹介されており、やはりビットマップではなくアウトラインデータを使うのがいいようですね。

図3 Retinaディスプレイに対応したWebデザインのテクニック
図3 Retinaディスプレイに対応したWebデザインのテクニック

4. Chosen - a JavaScript plugin for jQuery and Prototype - makes select boxes betterhttp://harvesthq.github.com/chosen/

セレクトボックスをユーザーフレンドリーにするjQuery/Prototypeプラグインです。

見た目がかっこよくなるだけでなく、検索で候補を絞り込んだり、⁠Evernoteなどでおなじみの)タグ付けするようなインターフェイスにすることもできます。

図4 セレクトボックスをユーザーフレンドリーにするJavaScriptプラグイン
図4 セレクトボックスをユーザーフレンドリーにするJavaScriptプラグイン

5. 30 Great Examples of Minimalism in Web Design | Design Superstarshttp://designsuperstars.net/30-great-examples-of-minimalism-in-web-design/

ミニマルなWebデザインのギャラリーです。シンプルながら細部にこだわったデザインのサイトが数多く紹介されています。

図5 ミニマルなWebデザインのギャラリーです
図5 ミニマルなWebデザインのギャラリーです

そのほか、先週の記事の中から、いろいろなデザインギャラリー記事を紹介します。

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

Coworking JP コワーキングスペースのイベント情報http://coworking-jp.org/

Coworking JPは、国内で行われているコワーキングスペースのイベント/Jelly情報を一覧できるサービスです。

ちなみにJellyとは、コワーキングスペースでのイベントのことを呼ぶのですが、特に細かい定義があるわけではないようです。セミナーなどとは違い来場者参加型のイベントが多く、いろいろな職種の人がわいわい集まるところをカラフルなジェリービーンズに見立てたことが語源とのこと。

やはりIT関連のイベントが多く、Web制作に関するものも少なくありません。各コワーキングスペースの雰囲気を知るために、まずはJellyに参加するというのがオススメです。

各イベントは「Facebookイベント」へリンクしており、Facebook上で参加表明やコメントでの質問などを行えます。

図6 コワーキングスペースのイベントを一覧できるサービス
図6 コワーキングスペースのイベントを一覧できるサービス

おすすめ記事

記事・ニュース一覧