2020年10月第5週号 1位は、CSSグリッドの完全版チュートリアル、気になるネタは、AdobeがiPad用IllustratorとiPhone用Frescoをリリース

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

CSSグリッドの完全版チュートリアルです。CSSグリッドについて初歩から丁寧に解説して、図版も豊富です。

1ページですがかなりのボリュームがあって、まさにComplete（完全）と名乗るにふさわしい充実した内容でした。

これのFlexbox版があったらいいのにと思ったら、最後に「The Complete CSS Flex Tutorial」へのリンクがありました。こちらも充実の内容です。

時間を超えて使われるUIパターンを12種類紹介しています。そのときどきの流行ではなく、ずっと使われ続けている便利で使いやすいUIです。

ほとんどのデザイナーが間違えるチェックボックスのユーザビリティについてまとめています。

FigmaとAdobe XDのどちらがUXプロトタイピングに使うのに良いかを比較した記事です。

以下の項目で比較していますが、用途に応じて選びましょうという感じの結論でした。

レスポンシブなロゴデザインの手順を紹介しています。ここでのレスポンシブは、サイズや用途によって変化するといった意味です。

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

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

Deep Wordは、人が喋っている短い動画と音声ファイルを元に、その音声をその人が喋っている動画を生成するサービスです。

いわゆるディープフェイク動画の技術ですね。口パクをさせるだけなので、喋っている言語は英語以外でも問題ないと思います。

無料プランで作れる動画は月5本、1本の長さ1分まで、サイズ720pです。次の14.99ドルのプランではフルHDサイズで作れますが、月10本、1本の長さ6分までとかなり制限があります。

ついにAdobe IllustratorのiPad版がリリースされました。また、iPad版しかなかったお絵かきアプリのFrescoにiPhone版が登場しました。

いよいよiPadでもPhotoshopとIllustratorが揃い、デザイン界隈では話題となっています。いよいよiPadで仕事ができるといった声もちらほら見かけました。

実は、ベクターもCMYKもiPadで扱えるアプリは既にありました。でも、Adobeの定番ツールの登場で、やっとでiPadでのデザイン作業に興味を持つ人が増えそうです。