【2021年4月】今月読んだ良記事
1ヶ月間で読んだテック系記事の中でも良記事やニュース記事をピックアップし、自分用の備忘録と記事の拡散・共有の意図を込めて毎月まとめています。
CSS
JavaScript
- 知っておくと実装に役立つ!JavaScriptのテクニックのまとめ | コリス
- 400+ JavaScript Interview Questions 🎓 With Answers 🌠 - DEV Community
- 新感覚!メソッドチェーンでアニメーションがスラスラ書ける「Tween24.js」を作りました - ICS MEDIA
- JavaScript 環境ならどこでも使えそうな短いコードの日付書式出力関数。コピペ用。 - Qiita
- JavaScriptで任意のHTML要素をPicture-in-Pictureする
React
- 15 Free React Templates for Your Next Project - DEV Community
- React Clean Code Tricks Everyone Should Know... - DEV Community
- create-react-app直後にやる環境構築の備忘録 - Qiita
- Next.js × TypeScript × microCMSでシンプルなコーポレートサイトを作ってみる - Qiita
- Reduxがムズイのでtoolkitでどうにか簡単に実装する - Qiita
- 5歳娘「パパのReact、めっちゃ遅いね!」 - Qiita
- Create React AppからNext.jsへの移行事例紹介
フロントエンドほか
- Fixing a slow site iteratively | CSS-Tricks
- Platform News: Using :focus-visible, BBC's New Typeface, Declarative Shadow DOMs, A11Y and Placeholders | CSS-Tricks
- 165+ Developer Resources I Discovered in 2020-2021 - DEV Community
- Reactで作ったWebアプリにVueで作ったWebアプリを合体させたい - Qiita
ブラウザ
- Chromium Blog: Chrome 91: Handwriting Recognition, WebXR Plane Detection and More
- デベロッパーツールがさらに便利に!Flexboxの実装と検証が簡単になるFlexboxエディタとオーバーレイが搭載 | コリス
- Google ChromeのFLoCに逆風、BraveもVivaldiもFLoCは使わないと明言 | TECH+
- New WebKit Features in Safari 14.1 | WebKit
Web系ほか
デザイン / UI / UX
- 誤字検知に役立つ! Adobe XDのプラグイン「テキスト校正くん」 - ICS MEDIA
- 最新版で比較するAdobe XDとFigmaの違い - プロトタイプ機能編 - ICS MEDIA
- ウェブサイトデザインを簡単に改善する、イタリア人デザイナーの秘訣10選 - Qiita
開発 / インフラ / ツール
- 🔨 [git]: Write better commits with Gitmoji - DEV Community
- 10 GitHub Repositories every Developer should know - DEV Community