HTML5/CSS3のニュースやTIPSなどのまとめ (2021年6月7日) 書籍 電子書籍：プロのWEBデザイナーによる本気で稼ぐ！マネタイズ・デザイン入門 (アマゾン Kindle) https://www.amazon.co.jp/dp/B08LB9GXWB?tag=dothtml5-22 著：RUCCA サイト・アプリ グーグル、CLSの定義を変更 - ページエクスペリエンスシグナルは新CLSで評価する (海外SEO情報ブログ) https://www.suzukikenichi.com/blog/google-updates-definition-of-cumulative-layout-shift/ 電通デジタル、グーグル「Core Web Vitals」対応のサイト速度改善サービス開始 (MarkeZine) https://markezine.jp/article/detail/36439 ツール Chrome 91でデベロッパーツールがさらに便利に！スクロールスナップの実装と検証が簡単になりました (コリス) https://coliss.com/articles/build-websites/operation/css/scroll-snap-debugging-tools-in-chrome-91.html https://developer.chrome.com/blog/new-in-devtools-91/ Edge 92、垂直タブ使用時タイトルバーが非表示に - Dev版でテスト導入 (窓の杜) https://forest.watch.impress.co.jp/docs/news/1326124.html TIPS TypeScriptハンドブック (3) ユニオン型 (Fumio Nonaka) http://www.fumiononaka.com/Business/html5/FN2104003.html CSS3 カラム幅を文字サイズの整数倍にする (terkel) https://terkel.jp/archives/2021/05/em-based-grid/ SVG jquery.graphviz.svg - GraphvizのSVGデータを表示/機能追加するjQueryプラグイン (MOONGIFT) https://www.moongift.jp/2021/06/jquery-graphviz-svg-graphviz%e3%81%aesvg%e3%83%87%e3%83%bc%e3%82%bf%e3%82%92%e8%a1%a8%e7%a4%ba-%e6%a9%9f%e8%83%bd%e8%bf%bd%e5%8a%a0%e3%81%99%e3%82%8bjquery%e3%83%97%e3%83%a9%e3%82%b0%e3%82%a4/ https://cdn.rawgit.com/mountainstorm/jquery.graphviz.svg/master/demo.html https://github.com/mountainstorm/jquery.graphviz.svg 任意のテキストとカラーパレットから、シンプルなSVGアバター等を生成するReactライブラリ「Boring Avatars」 (かちびと) http://kachibito.net/useful-resource/boring-avatars https://boringavatars.com/ https://www.moongift.jp/2021/06/boring-avatars-react%e8%a3%bd%e3%81%ae%e3%82%a2%e3%83%90%e3%82%bf%e3%83%bc%e7%94%9f%e6%88%90%e3%83%a9%e3%82%a4%e3%83%96%e3%83%a9%e3%83%aa/ （＊価格は掲載時のものです。購入時にご確認ください。） 次のクリップ：HTML5/CSS3のニュースやTIPSなどのまとめ (2021年6月8日) 前のクリップ：HTML5/CSS3のニュースやTIPSなどのまとめ (2021年6月6日)
