2017年6月第3週号 1位は、良いヒーローイメージ（メイン画像）を作るためのヒント、気になるネタは、アップル、Siri搭載スマートスピーカ「HomePod」を12月発売へ--まず米国などで

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

良いヒーローイメージ（メイン画像）を作るためのヒントを解説しています。

CSSボタンのライブラリやコレクションをまとめた記事です。簡単に実装できるボタンのCSSを多数掲載しています。

立体的なボタン、ホバー時にちょっとしたアニメーションをするボタンなどがありました。

3つの重要なデザイントレンドについて、実例とともに解説しています。

ウェブデザイナーの問題解決に役立つサポートサイトやコミュニティを多数紹介しています。

ウェブデザインや開発者のためのQ＆Aサイトやフォーラム、学べるサイトなどを掲載しています。Q＆AサイトのStack Overflowは日本語版もありますね。

Mediumのようにテキストを選択するとその上に現れるメニューの作り方を解説しています。

選んだ文字列をTwitterにツイートするフローティングアクションメニューのコードが掲載されています。

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

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

「Font-familyメーカー」は、CSSのfont-familyの記述を簡単に行えるサービスです。フォントの一覧から使いたいものを選ぶだけでCSSを生成できます。

Windows、Mac、iPhone／iPadでの標準フォントがサンプルとともに並んでおり、Webフォントを使わずデバイスフォントだけを使用するケースで特に役立ちそうです。

Facebook、Twitterなど有名サイトのfont-family指定を読み込むこともできます。基本的には初心者向けのサービスで、「⁠使い方」のリンク先ではfont-family指定について非常に丁寧に解説しています。

AppleがWWDCでいろいろなものを発表し、Siriスピーカーなどと呼ばれていた家庭用スマートスピーカーは「HomePod」という名前で登場しました。

「iなんとか」「⁠Appleなんとか」ではなく「なんとかPod」なネーミングだったわけですが、なるほどHomePodはAirPodsと同カテゴリの製品ということなんですね。

家庭内のスマート家電をコントロールするためのデバイスというより、AirPodsと同じ体験を据え置き型スピーカーでできるものと考えた方が、分かりやすいし位置付けがハッキリします。AirPodsもただのワイヤレスイヤホンじゃないんだと逆に気付かされました。