次世代画像形式 WebP2とAVIF、JavaScriptの奇妙な挙動(型が異なる値の比較など)、Chrome88で "_blank"時に"rel=noopener"不要に

概要

東京在住の@igtm, @tmr と ニュージランド在住の@ymdarakeが、ゆるーくフロントエンド周りの気になった記事を紹介しながらお届けします


1:25 Manjaro Linux

25:55 スクラムガイド2020のアップデート

39:00 次世代画像形式のWebP2、AVIF

1:04:57 Tailwind CSS v2.0 

1:43:55 JavaScriptの奇妙な挙動:Why Is {} > []? 

2:20:10 「火曜日のお風呂」による、最強 font-family 2021年決定版(proposal v0.1)


Manjaro - enjoy the simplicity

https://manjaro.org/

Scrum Inc. Japan #TeamworkMakesTheDreamWork | スクラムガイド2020のアップデートについて

https://scruminc.jp/blog/2885/

Agile Tool for Web and App Development Teams | Scrum Mate

https://scrummate.com/

Scrum Guide | Scrum Guides

https://www.scrumguides.org/scrum-guide.html

Google Is Already Experimenting With WebP2 As Successor To WebP Image Format - Phoronix

https://www.phoronix.com/scan.php?page=news_item&px=Google-Experimental-WebP2

次世代画像形式のWebP、そしてAVIFへ。変わり続ける技術に対応するweb制作の黄金解 - ICS MEDIA

https://ics.media/entry/201001/

AVIF:新しい次世代の画像圧縮形式の使い方

https://lpeg.info/webworks/image_avif.html

GIFアニメからAPNGの時代に! 次世代画像形式APNGを使いこなそう - ICS MEDIA

https://ics.media/entry/2441/

AVIF for Next-Generation Image Coding | by Netflix Technology Blog | Netflix TechBlog

https://netflixtechblog.com/avif-for-next-generation-image-coding-b1d75675fe4

Tailwind V2 Released 🎉

https://devdojo.com/tnylea/tailwind-v2-released

Tailwind CSS v2.0 – Tailwind CSS

https://blog.tailwindcss.com/tailwindcss-v2

Color - Visual Design - iOS - Human Interface Guidelines - Apple Developer

https://developer.apple.com/design/human-interface-guidelines/ios/visual-design/color/

Why Is {} > []?

https://amyshackles.codes/why-is-empty-object-greater-than-empty-array

Hoisting (巻き上げ、ホイスティング) - MDN Web Docs 用語集: ウェブ関連用語の定義 | MDN

https://developer.mozilla.org/ja/docs/Glossary/Hoisting

新規タブリンクの恐ろしい仕様、Chrome 88で変更へ ~Safari/Firefoxに合わせた安全な仕様に - やじうまの杜 - 窓の杜

https://forest.watch.impress.co.jp/docs/serial/yajiuma/1291549.html