今週読んだ記事(5/23~5/29)
HTML
CSS
- 翻訳:CSSユーティリティクラスと「関心の分離」(いかにしてユーティリティファーストにたどり着いたか) - yuhei blog
- 2020年版!おすすめのリセットCSSまとめ | Web Design Trends
- Sassを@importから@useに置き換えるための手引き | Web Design KOJIKA17
- 2020年版:CSS Grid Layoutの対応ブラウザやベンダープレフィックスについて解説! | Web Design Trends
- The Expanding Gamut of Color on the Web | CSS-Tricks
- CSS Grid Layoutを使った便利なテクニックやツールなど | Web Design Trends
- Everything I Learned About min(), max(), clamp() In CSS
- A First Look at `aspect-ratio` | CSS-Tricks
- Global CSS options with custom properties | @mdo
JavaScript
- Let's Make One of Those Fancy Scrolling Animations Used on Apple Product Pages | CSS-Tricks
- [JavaScript] 配列の存在チェック(空判定)は if (array.length) {...} でいいよって話 - Qiita
- Deno🦕でRESTfulなAPIサーバーを立ててCloud Runへデプロイしてみる - Qiita
- ESLint v7.1.0 - Qiita
- JavaScriptで文字列が小文字・大文字・数字を全て含むかどうか判定する方法について - Qiita
- package.json の resolutions を使って依存パッケージのバージョンを指定する - 30歳からのプログラミング
- Reactで管理画面をつくるときに便利だったライブラリ集と所感 - Qiita
- React超入門 - Qiita
- Better Deno Security: Ask for Permission at Runtime - DEV
- なぜ絵文字を含む文字を1文字ずつに分けるのにArray.fromだけで十分なのか? - Qiita
- 経産省発の npm モジュール!住所や電話番号の正規化、ジオコーディングなどができる IMI コンポーネントツールを試した! - Geolonia developer's blog
フロントエンドほか
- フロントエンドテストを雰囲気で書いているとハマりがちなところ - Qiita
- Block Links: The Search for a Perfect Solution | CSS-Tricks
- Web Animations API improvements in Chromium 84
Web系ほか
- Best GitHub Repos for Web Developers - DEV
- JavaScriptのロゴを調べた話(そしてわからなかった話) - Qiita
- たぶん10分で試せる。Azure Static Web AppにWebサイトをデプロイして独自ドメイン設定とFunctionsでAPI公開まで - Qiita
- GoogleがGoogle検索の表示順をページエクスペリエンス重視に変更すると発表、一体何が重視されるのか? - GIGAZINE
ブラウザ
PHP
SEO・マーケティング
- Tools to measure Core Web Vitals
- Getting started with measuring Web Vitals
- Core Web VitalsがGoogle検索のランキング要因になるアップデートに関する疑問に回答してみた | 海外SEO情報ブログ
- Core Web VitalsがGoogle検索のランキング要因に、2021年以降の導入を予定 | 海外SEO情報ブログ
デザイン
- グリッドシステムで強固なデザインレイアウトを作る | UX MILK
- https://uxdesign.cc/text-fields-forms-design-ui-components-series-2b32b2beebd0https://uxdesign.cc/text-fields-forms-design-ui-components-series-2b32b2beebd0
- UIデザインと守破離の精神|Blog|Goodpatch グッドパッチ
- よく使用されるWebページのレイアウトやUI要素91種類をシンプルなCSSで実装するコードのまとめ -CSS Layout | コリス
- レイアウトデザインの視点を増やす 思考&Tips|ハラ ヒロシ|note
開発・インフラ
- WSL 2 対応 Docker Desktop for Windowsを使うための手順 - Qiita
- ルークよ git push --force を使わないでおくれ… git push --force-with-lease を使っておくれ… - Qiita
- Windowsでnode.jsをバージョン管理する - Qiita
- ドメイン駆動設計は何を解決しようとしているのか[DDD] - Qiita
- ドメイン駆動設計をわかりやすく - ドメインのモデル設計を手を動かしながら学ぼう - エンジニアHub|若手Webエンジニアのキャリアを考える!
- AWSの膨大で複雑なサービス群をすべて「たった1行」で説明していくとこうなる - GIGAZINE