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

1. The Unicorn Workflow, Design to Code with Atomic Design Principles and Sketch — RE: Write — Mediumhttps://medium.com/re-write/the-unicorn-workflow-design-to-code-with-atomic-design-principles-and-sketch-8b0fe7d05a37#.2ap0xwg9z

アトミックデザインの考え方とSketchを使うことで、デザインからコードまでのワークフローを革新しましょうという記事です。

アトミックデザインとは、Atom（アトム=原子）という言葉から来ていて、カラーパレット、フォント、独立した要素（ヘッダ、段落、ボタンなど）など核となる要素を原子とみなしています。原子が集まって分子、分子が集まって生命体ができるように、原子となる要素のデザインを元にしたルールに沿ってデザインしていく手法のようです。

このデザイン手法にはSketchを使うことを推奨しており、なぜSketchを使うべきかの解説もあります。

2. Better Icon Design in 6 Easy Stepshttp://blog.iconfinder.com/better-icon-design-in-6-easy-steps/

アイコンデザインを6つのステップで解説した記事です。

1. 常にグリッドで始まる
2. シンプルな、幾何学的な形で開始
3. エッジ、ライン、コーナー、曲線、および角度を数字で指定
4. アイコンセット全体で一貫したデザイン要素＆アクセント
5. 細部や装飾は控え目に
6. 独自性のあるものを作る

3. Everything designers need to know about Foundation 6 | Webdesigner Depothttp://www.webdesignerdepot.com/2015/11/everything-designers-need-to-know-about-foundation-6/

フロントエンドフレームワークとしてBootstrapと並び有名なFoundationの新バージョンがリリースされました。

この記事では、Foundation 6についてデザイナーが知っておくべきことを、新機能を中心に簡潔に紹介しています。

新機能は以下となります。

• 右から左へ書く言語のサポート
• Flexboxを使ったグリッド
• テキストのデザインをサポートする新たなクラス
• 画面サイズによって選べるなど強化したナビゲーション
• バッジ
• スティッキー（スクロールしても上部に固定されるなど）
• トグル
• メディアオブジェクト（画像の横にテキストを並べるなどが簡単に）

以下の記事もご参考に。

• Foundation 6: Prototype to Production
• Foundation 6 Is Here! | ZURB Blog

4. Google+ | Google Web Showcase - Google Developershttps://developers.google.com/web/showcase/case-study/googleplus

Google+のリニューアルについてまとめた記事です。軽量化し、完全なレスポンシブになったとのことです。

機能的には「コレクション」（⁠テーマに沿った投稿をまとめられる機能）と「コミュニティ」（⁠Facebookグループのようなもの）とを前面に打ち出し、趣味や興味によってつながるコミュニティとして差別化していくようです。

5. CSS Cursorhttp://css-cursor.techstream.org/

CSSでカーソルの形を変える指定をした場合、どの指定でどう変わるかを試せるサービスです。

ブラウザやOSによってどう見えるのかを確認する場合にも便利そうです。

そのほか、最近の記事の中から、気になるニュース記事を紹介します。

• グーグル「Hangouts⁠」⁠、ゲストアクセス機能を追加--Googleアカウントがなくても参加可能に - CNET Japan
  Google Calendarの招待からチャットに直接参加できるようです
• Facebook、元カレ／カノをお互いに見ずに済むオプションをテスト中 - ITmedia ニュース
  「⁠人生で困難な時期にある人々を支援する取り組みの一環」とのことです
• 「セルフサービス式のTwitter広告」を提供開始 | Twitter Blogs
  Twitterでも広告主が広告の設定や運用管理を行えるようになりました

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

6 Free Tools for Creating Your Own Icon Fonthttp://sixrevisions.com/tools/icon-font-generators/

今回は、アイコンフォントを自作できるWebサービスを6つ集めた記事を紹介します。用意されたアイコンから必要なものを選ぶだけでなく、自分でIllustratorなどで作ったファイルも使えるサービスです。

どのサービスも、アイコンをSVGファイルで用意することで、読み込んで使用できます。各サービスであらかじめ用意されているアイコンと、自らアップロードしたアイコンとをまとめてアイコンフォントを作成できます。

有償で追加のアイコンが選べたり、作れるプロジェクトの数を増やしたりサポートを受けるにはプレミアムメンバーになる必要があるなど、ちゃんと使うには有料となるサービスがほとんどです。