2019年6月第4週号 1位は、ハンバーガーメニューではなくソーセージリンクを使ってみよう、気になるネタは、Google、オリジナルタブレットから撤退し、Chrome OSではノートPC「Pixelbook」に専念

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

ハンバーガーメニューではなくソーセージリンクを使ってみようという記事です。

角丸の長方形で囲まれたテキストボタンが横並びになり、横スクロールできるメニューを「ソーセージリンク」と呼んでいます。ソーセージリンクのコーディング例も掲載してあります。

ハンバーガーメニューとソーセージリンクそれぞれの、良い点、悪い点もまとめています。

ソーセージリンクの良い点

ソーセージリンクの悪い点

HTMLでの、 <nav>、 <aside>、 <article>、 <section>、<header>、<footer>といった領域を区切るタグの使い分けについて解説した、内容が充実した長い記事です。

CSSでスタイリングするためだけに<setion>を使わない、<header>タグで囲まれた中に<header>、<footer>を入れないなどのルールや、実際のコーディング例などを紹介しています。

クロスブラウザでのCSSグラデーションの完全ガイドです。

上記4種類のグラデーションのコーディング方法を丁寧に紹介しており、各種ブラウザでの対応状況やクロスブラウザ互換のコーディングテクニックも詳しく解説しています。

ウェブサイトに暖かさと個性を追加する、人間のイラストを使った実例を12個まとめた記事です。

数字とテキストだけの「顔のない」インターフェイスに、人のイラストが入ることで「冷たい」印象を和らげることができるとのことです。

最近のウェブデザインに使われるイラストとして、無機質な感じのベクトルイラストがトレンドだということをあらためて実感しました。

404（Not found）エラーのためのイラスト集です。ダウンロードして利用できます。

犬が紙をくわえたイラストの下には「このページは犬が食べました」など、それぞれのイラストの下に書かれたメッセージも面白いですね。

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

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

RecordScreen.ioは、ブラウザから起動させるだけで画面の動きを動画で撮影できるサービスです。動画はwebmフォーマットでダウンロードできます。

ブラウザのウィンドウだけでなく、別のアプリや画面全体を撮影可能です。パソコンのカメラで自分を撮影した動画を左下に合成できる機能もあり、YouTube動画作成にも役立ちそうです。

設定画面がビデオ通話／ビデオ会議のサービスと似ています。ビデオ通話サービスの画面共有機能と同様の技術を利用しているのでしょう。撮影する領域の指定ができず、縦長のアプリケーションの画面を撮影すると変倍されていたりと、まだ洗練されていない印象ですが、お手軽で便利なサービスだと思います。

Googleがオリジナルタブレットの開発を終了するそうです。2018年のChrome OS搭載タブレット「Pixel Slate」が最後となりました。

日本では、Pixel Slateは発売されていないですし、Chrome OS端末もほとんど話題になることもありません。ただ、海外ではChrome OS端末自体の人気はそれなりにあるようです。

個人的には最近iPad（＋Apple Pencil）のクリエイティブ分野での可能性を大いに感じています。クリエイターみんながタブレットを使うようになれば、タブレット事業に参入するところもまた増えて盛り上がるんじゃないかと思います。