2020年11月第1週号 1位は、CSSによって要素を隠す方法の比較、気になるネタは、Appleが簡単動画作成アプリClips 3.0発表、縦位置ビデオサポートでTikTok世代を狙う

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

CSSによって要素を隠すいろいろな方法とそれらの比較です。

以下の4つの項目を踏まえて比較しています。

方法としては以下の5種類と、おまけ的にtext-indentプロパティを使った方法を解説していました。

色のセオリーとUIデザインに用いるカラーパレットに関する実用的なガイドです。

6つの主要なカラーカテゴリを紹介しています。UIに使う色は、1つのカラーカテゴリとニュートラル＆シェードを組み合わせると良いと解説していました。

ウェブサイトにおける良いフッターデザインの作り方と、学ぶべき実例を紹介した記事です。

フッターに必要なもの

フッターにあると良いもの

無料で配布されているモックアップ、テンプレート、アイコンをまとめています。

ビジュアルでどういうものかわかるものばかりなので、まずは画像だけをまとめてレイアウトするという記事の見せ方が新鮮でした。

ミニマルなCSSフレームワークを9つ紹介しています。

最近流行の、HTMLタグへのclass指定なしでそれなりの見た目に調整する、「⁠クラスレス」なフレームワークもいくつかありました。

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

IEで互換性のないWebサイトにアクセスした場合、Edgeにリダイレクト | マイナビニュース
これまでは切り替えを促すメッセージを出していたのが、自動でリダイレクトするように変更されたそうです
YouTubeアプリ、上にスワイプで全画面など、複数のUI改善 - ITmedia NEWS
TikTokなど別のアプリの影響も受けつつUIが変わったようです
Zoomが待望の無料ミーティングのためのエンドツーエンド暗号化を開始するが機能制限多数 | TechCrunch Japan
エンドツーエンドの暗号化を利用する場合は、クラウド録音など使えない機能があり、ブラウザ版では参加できないとのことです

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

今回はパターンを作成するサービスを2つ紹介します。PatternPadはSVG形式を含む画像ファイル、CSS Background PatternsはCSSを生成します。

PatternPadは丸や四角、半円、三角形などの図形の組み合わせのパターンを作れます。ランダム性のあるパターンが作れて、使用する図形を指定する、色を変更・追加するなどのカスタマイズができます。SVG、JPEG、PNGでダウンロードできます。

CSS Background Patternsは、ストライプ、斜線、チェック柄などの単純な繰り返しパターンのCSSを作れます。図形の色と背景色を選べて、透明度、間隔を調整できます。「⁠鬼滅の刃」の主人公の服の市松模様も作れますね。

Appleのカジュアルな動画作成アプリClipsの新バージョンでは、縦長動画をサポートしたそうです。従来はInstagram動画をターゲットとした正方形動画しか作れませんでした。

縦型ビデオのサポートがClipsに対する要望で最も多かったとAppleも発表していたとのことです。iMovieへの縦長動画対応への要望もきっとAppleに届いているはずですよね。

iPhoneで縦長動画で動画を撮るケースは多いと思うのですが、Apple標準のiMovieが縦長動画に対応していないことを不満に思っている人は多いはずです。Clipsに続きiMovieの縦長動画サポートの日も近いと信じたいです。