【2021年3月】今月読んだ良記事
1ヶ月間で読んだテック系記事の中でも良記事やニュース記事をピックアップし、自分用の備忘録と記事の拡散・共有の意図を込めて毎月まとめています。
HTML
CSS
- imgタグに指定した画像のURLが存在しない時に表示される状態をCSSだけで対応する | かちびと.net
- HTMLのtableにクラスを加えるだけで、グラフやチャートを簡単に実装できるCSSのフレームワーク -Charts.css | コリス
- 2021年版、CSS Gridでどのように配置されるかをまとめたチートシート | コリス
- CSSのmargin-block-start, margin-inline-endなど、論理プロパティの使い方を徹底解説 | コリス
- Flexboxで実装する定番レイアウトのコードのまとめ | コリス
- CSSだけで実装できるとは!テーブルのヘッダと左端のセルの両方を固定させるCSSの極上テクニック | コリス
- CSS Grid Cheat Sheet Illustrated in 2021🎖️ - DEV Community
- Web制作の面倒な作業をラクにするCSS便利ツール87個まとめ - PhotoshopVIP
- 「CSS完全に理解した」でCSS完全に理解する - Qiita
JavaScript
- 5 neat JavaScript tips - DEV Community
- Ultimate FREE Javascript Resources - DEV Community
- [JavaScript] スプレッド演算子で配列の重複を削除する - Qiita
- なぜReactが好きなのか答えられない人へ - Qiita
- jQuery 3.6正式リリース。JSONPにおけるバグフィクスなど - Publickey
Vue
React
- Ultimate React Resources - DEV Community
- React Tips & Patterns - DEV Community
- React Hooks cheat sheet
- React 要素を props で渡すことで不要な再レンダリングを回避する - 30歳からのプログラミング
- すごいReactパッケージ5選 - Qiita
- Reactのprops/contextの使い分け - saneyuki_s log
TypeScript
フロントエンドほか
ブラウザ
- Firefox 87 trims HTTP Referrers by default to protect user privacy - Mozilla Security Blog
- Firefox 87 introduces SmartBlock for Private Browsing - Mozilla Security Blog
- Firefoxはどのようにして「Googleアナリティクス」による追跡を無効化しているのか? - GIGAZINE
- Release Notes for Safari Technology Preview 122 | WebKit
- Release Notes for Safari Technology Preview 123 | WebKit
Web系ほか
- Deliver Enhanced Media Experiences With Google’s Core Web Vitals | CSS-Tricks
- MDN localization in March — Tier 1 locales unfrozen, and future plans - Mozilla Hacks - the Web developer blog
- Webエンジニアが勉強できるGit Repository 10選 - Qiita
- ざっくり、Webシステムの発展と最新状況 2021 - Qiita
デザイン / UI / UX
- TrelloのDescription欄だけでUIを超えた手触りが良すぎて学びしかない - Make組ブログ
- Adobeの新機能「スーパー解像度」がすごすぎる!小さな写真画像でも驚くほど美しく拡大できる | コリス
- グラデーションを美しくするには配色が重要、真ん中辺りがグレーにくすんでしまうのを避ける方法 | コリス
- 最新版で比較するAdobe XDとFigmaの違い - デザイン機能編 - ICS MEDIA
- エンジニア向け デザイン基礎(社内勉強会の資料) - Qiita
- Webデザインにおけるタイポグラフィの10のヒント | UX MILK
- Webサイトのユーザー体験(UX)を測定する7つの方法 |SEO Japan by アイオイクス
Python
開発 / インフラ / ツール
- 2021年、HTMLやCSSやJavaScriptなどのコードを書く時に便利なVS Codeの機能拡張のまとめ | コリス
- The ultimate Cheat sheets compilation (200+) - 🔥🎁 / Roadmap to dev 🚀 - DEV Community
- 4 Useful Web Development Tools That Stay Under The Radar - DEV Community
- 7 must-have extensions of VS Code - DEV Community
- 気象庁公式の天気予報API(?)が発見 ~Twitterの開発者界隈に喜びの声が満ちる - やじうまの杜 - 窓の杜
- GitHubのawesomeリストが本当にawesomeなものばかりだから一度見てほしい - Qiita
- 【Windows 10版でどこまでできるか】Power Automate Desktop のライセンスやできることや気になることまとめ【随時更新】 - Qiita
- 【Flutter】Flutter2.0で何が変わるのか? - Qiita
- Dockerfileのベストプラクティス Top 20 | Sysdig
- Dart言語のフレームワーク「Flutter 2」公開。単一コードでiOS/Android/Web/Win/Mac/Linuxのネイティブアプリ実現。WebAssemblyによるレンダリングエンジン搭載 - Publickey
- GitLabもデフォルトのブランチ名を「master」から「main」に変更へ、5月から - Publickey
SEO / マーケティング
- SEOで上位表示を実現するために役立つ検索結果の分析方法 |SEO Japan by アイオイクス
- モバイルファーストインデックスの移行を2021年3月末にGoogleは本当に完了させるのか? | 海外SEO情報ブログ