HTML5/CSS3のニュースやTIPSなどのまとめ (2020年12月21日)

ニュース

Firefox 84がApple Silicon M1に対応、Rosetta 2トランスレーションよりも2倍のレスポンス - Flash Playerのサポートはこれが最後 (窓の杜)
https://forest.watch.impress.co.jp/docs/news/1295474.html
https://www.mozilla.org/ja/firefox/new/?v84
https://www.mozilla.org/en-US/firefox/84.0/releasenotes/
https://www.itmedia.co.jp/news/articles/2012/16/news098.html
https://www.itmedia.co.jp/news/articles/2012/18/news056.html
https://japan.cnet.com/article/35164010/
https://news.mynavi.jp/article/20201216-1596545/
https://news.mynavi.jp/article/20201217-1597667/
https://jp.techcrunch.com/2020/12/16/firefox-for-apple-silicon-mac/

書籍

新刊 書籍：デジタル社会の学びのかたち Ver.2 - 教育とテクノロジの新たな関係 (アマゾン)
https://www.amazon.co.jp/dp/4762831263?tag=dothtml5-22
出版社：北大路書房 (nokindle)

サイト・アプリ

ユーザー体験を向上！ヤフーニュースにおけるCore Web Vitals対応事例 (Yahoo! JAPAN Tech Blog)
https://techblog.yahoo.co.jp/entry/2020120330052925/
グーグルマイビジネスの機能改良 - マップ/検索からのメッセージ返信、より詳しいパフォーマンスレポートなど (海外SEO情報ブログ)
https://www.suzukikenichi.com/blog/google-my-business-lets-you-reply-directly-from-map-and-search/

ツール

便利なモーダルSweetAlert2 (バシャログ)
http://bashalog.c-brains.jp/20/12/17-200000.php
https://sweetalert2.github.io/
https://github.com/sweetalert2/sweetalert2/
アニメーションするクリエイティブな広告バナーを作成可能なウェブアプリ「Viewst」 (かちびと)
http://kachibito.net/useful-resource/viewst
https://viewst.com/en/
fzf-chrome-active-tab - Chromeのアクティブタブを切り替えるコマンド (MOONGIFT)
https://www.moongift.jp/2020/12/fzf-chrome-active-tab-google-chrome%e3%81%ae%e3%82%a2%e3%82%af%e3%83%86%e3%82%a3%e3%83%96%e3%82%bf%e3%83%96%e3%82%92%e5%88%87%e3%82%8a%e6%9b%bf%e3%81%88%e3%82%8b%e3%82%b3%e3%83%9e%e3%83%b3%e3%83%89/
https://github.com/Rasukarusan/fzf-chrome-active-tab/

TIPS

知られざるglobalCompositeOperationテクニック (nmi tkihira)
http://nmi.jp/2020-12-17-globalCompositeOperation

CSS3

CSSの見過ごしがちだけど興味深い実装テクニック、ホバーでラインを引いて逆方向で元の状態に戻すエフェクト (コリス)
https://coliss.com/articles/build-websites/operation/css/one-way-hover-effect.html
https://2020.stateofcss.com/en-US/

（＊価格は掲載時のものです。購入時にご確認ください。）