週刊Webテク通信

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

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

ネットで見かけた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 コワーキングスペースのイベントを一覧できるサービス

今週の気になるWebネタ

【レポート】国内アップルストアでもEasyPayがスタート! さっそく衝動買いしてしまった | パソコン | マイナビニュースhttp://news.mynavi.jp/articles/2012/06/15/easypay/index.html

アップルストアでiPhoneアプリを使った決済ができるという,EasyPayサービスが日本でもスタートしたそうです。iPhoneの「Apple Store」アプリを使い,商品のバーコードを読み込んだあとApple IDを使って支払いが完了するとのこと。

店員を介さずに買い物ができて便利というのは分かるのですが,そのまま商品を持ち帰ることがためらわれそうです。結局,店員に声を掛けて,袋に入れてもらう人が多いんじゃないでしょうか。

なお,このアプリ,アップルストア店内でスタッフを呼ぶこともできるようですが,呼んだ人が誰かをスタッフはどうやって判断するんでしょうか? 結局自分からスタッフを探さなくてはいけないのだったら,あまり意味がないような気もしますが…。

著者プロフィール

芦之由(あしのよし)

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

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

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

コメント

コメントの記入