2019年10月第1週号 1位は、ウェブサイト作るのに必要な要素とそのコスト、気になるネタは、Facebook、「セカンドライフ」のようなVRワールド「Horizon」を「Oculus Quest」などで来年スタート

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

ウェブサイトを作るのに必要な要素とそのコストをまとめています。それを元に、どこで節約できるかのヒントとなることを考慮した記事です。

BootstrapをベースとしたUIキットです。400以上のUIエレメントが用意されており、完全レスポンシブです。

また、スライダー、価格表などのあらかじめよく使われる部品「セクション」が150以上あるとのこと。とてもよくできているので、ウェブデザインのヒントになりますし、テンプレートを作る時の参考にもなりそうです。

ボーダー（境界線）をアニメーションさせるCSSコーディング例を、いろいろと紹介しています。

リンクやボタン、フォームの入力欄のボーダーをアニメーションさせることで、見た目が面白いだけでなく、うまく目立たせたり区別することができそうです。

CSSが自動でどんどん記述されていき、それに合わせて見た目も変わっていくアイデアが面白いサイトです。

サイズや色を決められるなど、双方向性や条件分岐があると、もっと楽しめるかもしれません。

高品質で無料のアイコンをまとめた記事です。

フラットなデザインでカラーのものを中心に集めていました。

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

グーグル、ゲーム・アプリ使い放題「Google Playパス」発表 - 週刊アスキー
Apple Arcadeとは違い、ゲームだけでなく実用アプリも対象です
Facebook、「⁠いいね！」数を非表示にするテストを開始--まず豪州から - CNET Japan
Instagramに続いてFacebookでも「いいね！」数を本人以外にわからないようにする動きが出ています
アドビ、iPad用ドロー＆ペイントアプリ「Adobe Fresco」リリース - 週刊アスキー
ビットマップとベクター両対応のiPad用お絵かきアプリがついにリリースされました

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

ベースカラーをもとに、濃淡を変えたカラーパレットを作れるサービスです。作ったパレットはSVGとしてコピーできます。

何段階の濃淡を作るかを数値で指定できます。ベースカラーを中心に入力した数値分の濃い色、薄い色が作られるので、数値を3にした場合には7色のパレットができるというわけです。コントラストも調整できます。

さらに細かいコントロールができる同様のツールとして、ColorBox by Lyft Designというサービスもあります。シンプルでわかりやすく、デザインツールにSVGとしてペーストできるところがCopyPaletteのいいところです。

FacebookがVRワールド「Facebook Horizon」を発表しました。「⁠セカンドライフのような」と言われると不安を感じますが、全く違った使用感のものになるんだと思います。

VRヘッドセットを使って、仮想空間で会話やゲームプレイ、映画鑑賞などが楽しめるそうです。Facebookが運営するわけなので、Facebookの友達＝リアルの世界での知り合いとVR空間で会えるのというのは楽しそうです。

アバターが上半身だけというのが、かなり違和感があります。歩く動きを作らなくていいので楽というのもあるのでしょうが…。日本人っぽい顔のアバターも作れるといいなと思います。