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

1. How To Succeed In Wireframe Design — Smashing Magazinehttps://www.smashingmagazine.com/2020/04/wireframe-design-success/

成功するワイヤーフレームの作り方をまとめた記事です。

なぜワイヤーフレームを使うのか，ワイヤーフレームのベストプラクティス，ワイヤーフレームデザインツール，ケーススタディを紹介しています。

ワイヤーフレームのベストプラクティスは以下。

1. 最小限の色数に抑える
2. シンプルなデザインのコンポーネントを使う
3. 一貫性を維持する
4. 実際のコンテンツを使用する
5. 注釈を入れる
6. 忠実度の低いものを基準に必要に応じて高いものに
7. ワイヤーフレームをプロトタイプに拡張

2. Common webpage design mistakeshttp://blog-en.tilda.cc/articles-website-design-mistakes

よくあるウェブページデザインの間違いについてまとめた記事です。

一般的なランディングページデザインと記事デザインに分けて，それぞれの避けるべき間違いを細かく解説しています。

3. 3 Essential Design Trends, May 2020 | Webdesigner Depothttps://www.webdesignerdepot.com/2020/05/3-essential-design-trends-may-2020/

ウェブデザインのトレンドを3つまとめています。

1. アンバランスな空白
2. 新たな概念の画像スライダー
3. コロナウィルスのデータを視覚化したサイトが急増

4. Selection in CSShttps://ishadeed.com/article/selection-in-css/

選択されたテキストをCSSでスタイリングする方法を解説した記事です。

文字の下半分くらいの高さで背景色が付くようにしたり，カーソルが外れるとアニメーションして背景色部分の幅を変えるなど，実験的なノウハウが興味深いです。

5. CSS Section Separator Generator | wweb.devhttps://wweb.dev/resources/css-separator-generator

セクションの区切りを斜めやギザギザにするCSSのジェネレーターです。

6つの形をベースに，サイズや角度などを調整できます。

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

• FacebookがGoogleフォトへの書き出しツールを米国とカナダで提供開始，日本でも利用可能 | TechCrunch Japan
  Apple，Google，Microsoft，Twitter，Facebookがオンラインサービス間でのデータ転送の方法を共通化するプロジェクトに関連した動きのようです
• キヤノンの一眼がウェブカムになる公式ツール登場--ライブ配信やビデオ会議を高画質化 - CNET Japan
  EOSシリーズとPowerShotシリーズに対応。今のところWindows版のみです
• LINEがクループ通話に画面・YouTube共有機能を追加，スマホ6人，iPad9人の同時顔表示も可能に | TechCrunch Japan
  画面共有ができてもパソコンでは使えないのでビジネス向けではないですね。YouTube動画を一緒に見ながらビデオ通話／音声通話するのは楽しそうです

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

A static site for your dynamically-generated website - Sitesaucehttps://sitesauce.app/

CMSなどで生成した動的サイトを自動で静的サイトに変換するサービスです。バックアップ目的ではなく，静的サイトとして公開し続けることを目的としています。

ローカルでCMSを動かし，このサービスで公開することもできます。静的サイトジェネレーターのように使えるということですね。

月19ドルでサイト数は無制限です。コスト的にはクラウドのCMSサービスに比べて優位性はそれほどありませんが，履歴やリンクチェックなどの機能もあります。