2021年2月第2週号 1位は、いまならCSSだけでできること、気になるネタは、Twitterの音声チャットルーム「Spaces」を日本でいち早く体験--Clubhouse対抗になりうるか

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

いまならCSSだけでできることをまとめた記事です。CSSの新しいプロパティと便利な利用法を紹介しています。

レンガ組みレイアウト、テキストのアンダーラインの太さや色、ページ内リンクでスクロールしたときの上マージンなど、CSSだけでこんなこともできるようになったんだという発見があります。

:isセレクタやclamp()関数の利用法も興味深いです。

Webデザインのトレンドを3つ紹介しています。

z-indexの使い方について、段階を追って細かく解説した記事です。CSSの設定による上下関係の変化を図で確認できます。

意外と思ったとおりにならないことも多い、z-indexについての理解を深められるはずです。

Sketch用の無料素材を配布しています。素材はユーザーの投稿によって集めているようです。素材を提供するユーザーにとっては自分のPRの場となり、このサイトは有料のコンテンツへの誘導などで利益を得ているようです。

UIキット、ワイヤーフレーム、モックアップ、アイコンなどカテゴリ別に大量の無料素材があります。Sketch形式のファイルしかありませんが、SketchファイルはFigma、Adboe XDでも開けるので、ほとんどの人が利用できるはずです。

グラスモーフィズムのジェネレーターです。くもりガラスをかぶせたような効果をつくり、CSSをコピーできます。

ぼかし、透明度、色をカスタマイズできます。

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

Twitterが買収したニュースレター配信サービスRevue、日本でもさっそくアクセス可能に | TechCrunch Japan
Twitterからページを開けるものの、Revue自体は独立したサービスとして提供されています
技術情報コミュニティ「Zenn」クラスメソッドが買収オープンから4カ月半で - ITmedia NEWS
20以上の会社から連絡があり、驚くほどの金額を提示してくれた会社もあったという夢のある話です
Clubhouseの“⁠注目ルーム⁠”ランキング公開配信予定もチェックできる - ITmedia NEWS
ルームのランキングは、ニュースメディアの記事数や外部SNSの投稿量などから算出しているとのことです

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

Webページ内のセクションを区切る曲線をSVGで作るジェネレーターです。一見シンプルなUIですが、カスタマイズ性はかなり高くて驚きました。

曲線の谷となる部分は直接ドラッグして位置を変えられます。谷、あるいは山となる頂点の部分はいくつでも増やせるので、だいたい思い通りの形が作れるはずです。横幅に合わせてレスポンシブに変化します。

曲線ではなく直線でギザギザな形も作れます。そのままdivの領域に適用したい場合には、生成されたCSSをコピーして使うだけです。反転や回転させるためのCSSの記述例も載っていました。

Clubhouseがブームといえるような盛り上がりを見せていますが、Twitterの音声チャット機能「Spaces（スペース⁠）⁠」もベータテストが始まっています。基本的な作りと見た目はClubhouseと似ていますね。

Twitterに追加される機能なので、Clubhouseのように招待がいらないのはもちろん、すでにTwitterを使っていれば新規ユーザー登録も不要なハードルの低さが良いですね。しかも日本語化されている点がClubhouseより大きなアドバンテージになりそうです。

Clubhouseがネットのみならずテレビなどでも大きく取り上げられたので、音声SNSというものの認知がかなり広がったはずです。その上でのSpacesの登場は話題性もありますし、電話番号での招待と本名での登録に抵抗のあった人も手軽に始められそうで、利用者数はかなりの規模になることでしょう。