React Server Components, レスポンシブデザインでデバイスごとのブレイクポイントをどこで切るか, content-fit, 明度7:1の法則などについて

概要

Introducing Zero-Bundle-Size React Server Components – React Blog

https://reactjs.org/blog/2020/12/21/data-fetching-with-react-server-components.html

レスポンシブデザインのブレイクポイントの細かすぎる新解釈 [2021最新版] - webのあれこれ

https://hashimotosan.hatenablog.jp/entry/2020/12/06/182327

最新の手法でブラウザのタブに表示される「Favicon(ファビコン)」を作成するとこうなる - GIGAZINE

https://gigazine.net/news/20201225-how-to-make-favicon/

Lottie

https://airbnb.design/lottie/

What Happens When Border Radii Overlap? | CSS-Tricks

https://css-tricks.com/what-happens-when-border-radii-overlap/

[Centering in CSS | CSS-Tricks https://css-tricks.com/centering-in-css/]https://css-tricks.com/centering-in-css/

fit-content, min-content, max-contentの便利な使い方、CSSでコンテンツに依存してサイズを決める | コリス

https://coliss.com/articles/build-websites/operation/css/intrinsic-sizing-in-css.html

width: fit-content;

https://gyo.gitlab.io/ui-alm/fit-content/

[css-sizing-4] [css-contain] Proposal to add `contain-intrinsic-size: auto;` to fix shifting scrollbar problem. · Issue #5815 · w3c/csswg-drafts

https://github.com/w3c/csswg-drafts/issues/5815

Resize-Resilient `content-visibility` Fixes - Infrequently Noted

https://infrequently.org/2020/12/resize-resilient-deferred-rendering/

`content-visiblity` Without Jittery Scrollbars - Infrequently Noted

https://infrequently.org/2020/12/content-visibility-scroll-fix/

Material-UI v5を先取りする - Techtouch Developers Blog

https://tech.techtouch.jp/entry/material-ui-v5_9

Designing Furniture With a 7:1 Color Contrast Ratio Makes a Huge Difference for the Visually Impaired

https://www.core77.com/posts/103624/Designing-Furniture-With-a-71-Color-Contrast-Ratio-Makes-a-Huge-Difference-for-the-Visually-Impaired

G17: Ensuring that a contrast ratio of at least 7:1 exists between text (and images of text) and background behind the text | Techniques for WCAG 2.0

https://www.w3.org/TR/WCAG20-TECHS/G17.html

The Best Color Functions in CSS? | CSS-Tricks

https://css-tricks.com/the-best-color-functions-in-css/

Gyo / 2021-astrological-transit · GitLab

https://gitlab.com/gyo/2021-astrological-transit

火曜日のおフロ 2021年のアスペクト

https://bit.ly/35qd6PL