【2020年7月】読了記事
HTML
CSS
- CSSの小ネタ: 画像に枠線をつける際、borderよりもbox-shadowの方がより美しく実装できる | コリス
- Web制作の面倒な作業をラクにするCSS便利ツール59個まとめ - PhotoshopVIP
- 🚀 7 amazing CSS tips and tricks for linting your HTML 🔥 - DEV
- Displaying the Current Step with CSS Counters | CSS-Tricks
- CSS Painting Order | Woohoo
- 2020年、知っておくと便利なCSSのプロパティのまとめ | コリス
- CSSで美しいシャドウをつけるbox-shadowの古い書き方とこれからの書き方 | コリス
- あなたのCSS力の助けになってくれる素晴らしいWebサイト12選 - Qiita
JavaScript
- 今すぐ使いたいスプレッド構文、"Three-dots" Tip 集 - Qiita
- 「Angular 10」正式リリース。TypeScript 3.9サポート - Publickey
- TypeScriptのunion型はorです 〜union型、構造的部分型、余剰プロパティチェックの話〜 - Qiita
- 【JavaScript】本日未明、[ if - else ]さんが死体で発見され... - Qiita
- Vue.js ✕ CSS Modules のコンポーネントのつくり方 - Qiita
- [JavaScriptデバッグテクニック]メソッド実行中の変数の中とか見たくない? - Qiita
- What is Reactivity? 🤯 - DEV
- An Eleventy Starter with Tailwind CSS and Alpine.js | CSS-Tricks
- React、Angular、Vue対応、高性能なテーブルを実装できるシンプルで軽量のJavaScriptライブラリ -Grid.js | コリス
- 2020年にJavaScriptフレームワークをちゃんとはじめるために。|榊原昌彦|note
- TypeScript(の型システム)のみを使ってリバーシを作ってみる - Qiita
- 2020年後半版Vue.jsを使ってる人には必ず知っていてほしいVue.jsの武器とドキュメントに書かれていないコンポーネントやメンテナンスの際に役立つTips - Qiita
- エラーは出ないけど…何か変??Vue.jsでやりがちな「サイレント・ミス」(ロジック編) - ICS MEDIA
- Node.js でお手軽スクレイピング 2020 年夏 - Qiita
- React初心者がReactを学ぶために使用したサイトや書籍 │ Design Spice
- Javascript: Array.unshift(), Array.join(). - DEV
- Vue.js ユニットテストの基本まとめ - Qiita
- ESLintでTypeScriptの変数の名付け規則をチェックしよう! | Developers.IO
- ノンフレームワークなJavaScriptでもDOMとうまく付き合う方法 - Qiita
- what's the difference between () => {} and () => () - DEV
- セミコロンをつけ忘れただけなのに...【JavaScript】 - Qiita
- ES6 - Spread Operator - DEV
- Type checking your JavaScript with VS Code - the superpowers you didn't know you had - DEV
- 【VSCode】ES6記法スニペットのEmmet展開方法まとめ - Qiita
フロントエンドほか
- 現代開発者のためのCSS基礎技術 - Qiita
- 【GAS x Vue.js】JavaScript のみで今、家計簿をつくるとしたら【ハンズオン付き!】 - Qiita
- HTMLコーダーにとっての2020年。アンケート結果から分析するイマドキのウェブ制作 - ICS MEDIA
- 2020年の11の必見のフロントエンドトレンド - Qiita
- Getting the Most Out of Variable Fonts on Google Fonts | CSS-Tricks
ブラウザ
- 「Firefox 78」正式版リリース、「OS X」をサポートするのはこのバージョンが最後 - GIGAZINE
- Google Developers Japan: 2020 年の Chromium のブラウザ互換性の改善について
- Chromeの新機能CSS Overviewがすごく便利!ページに使用しているCSSの概要や未使用の宣言がすぐ分かる | コリス
- WebRTC - The technology that powers Google Meet/Hangout, Facebook Messenger and Discord - DEV
- ネイティブLazy-loadのしきい値をChromeが改良。ビューポートからの距離を短くし、遅延読み込みが適用されやすく | 海外SEO情報ブログ
- Chromium Blog: More secure and convenient Autofill coming to Chrome
- Chromium Blog: Chrome 85: Upload Streaming, Human Interface Devices, Custom Properties with Inheritance and More
- Firefox 79: The safe return of shared memory, new tooling, and platform updates - Mozilla Hacks - the Web developer blog
- Introducing the Storage Access API - Microsoft Edge Blog
Web系ほか
PHP
開発 / インフラ / ツール
- [サーバーサイドAPIデバッグ術]ブラウザのリクエストを簡単にリトライしてサーバーの挙動を見る方法 - Qiita
- DI って何でするのかわからない人向けに頑張って説明してみる「本来の意味」 - Qiita
- GitHubのTemplate Repository機能のすゝめ - Qiita
- いまこそ「良い仕様書」がチームの生産性の鍵となる。ので、仕様書に含めたい 14 のポイントについてまとめました。|Fritz | Product Manager @ Mercari|note
- 思わぬ事故防止!開発時やテスト時に使用するメアドのドメインは example.com に統一しよう - Qiita
デザイン / UI / UX
- 2020年版:ほんとに無料?高クオリティなフリーイラスト素材サイト20個まとめ【商用利用も】 | Web Design Trends
- 【前編】 自社企画のロゴ制作を通して学んだロゴデザインの作り方〜4989のロゴができるまで〜|STUDIO DETAILS "4989"|note
- ゲームから学べる学習ループUX : could
- あなたなら負け戦の案件で何をする? : could
- UXデザインプロセス入門 - 基本的な6ステップ | デザイン会社 ビートラックス: ブログ freshtrax
- #Illustrator でアイソメトリック風ボックスを作るスクリプト|宮澤聖二 | onthehead|note
- ペルソナの作り方とその活用法 | UX MILK
- UIデザイナーに聞いた!Appをいつもの100倍面白くみる観点|Blog|Goodpatch グッドパッチ
- グラフィックデザイナーが手元に置いておきたいデザイン本をジャンル別に24冊選びました|上司ニシグチ|note
- 商用利用無料、UIデザイン用のSVGアイコンが558種類!デザインに合わせたカスタマイズも簡単な優れもの | コリス
- デザイントレンドとしてのメンフィス を現代に蘇らせる方法とは?
- デザインは魅力ではないのかもしれない、という話|Yoritty|note
- 難易度が高いデザインの仕事で行き詰まらないために : could
- ミルクボーイの漫才で「UXライティング」を説明してみた|nao | UXライター / コピーライター|note
- Webデザインにおけるミニマルデザインとは | UX MILK
SEO / マーケティング
- ターゲティング広告をやめることでウェブサイト側の収益がアップする可能性がある - GIGAZINE
- 構造化データで複数アイテムをマークアップする際のガイドラインをGoogleが更新。ネストするか@idで関連付けする | 海外SEO情報ブログ
- 検索結果1位のクリック率は25%超。Google検索のCTR最新調査データ |SEO Japan by アイオイクス
その他
- NAVERまとめ サービス終了のお知らせ : NAVERまとめ公式ブログ
- pixiv の javascript のコメントが面白い - Dlog 隔離館
- 悲しいとき~ 悲しいとき~ Chrome をインストールするために Edge や IE を起動するとき~ - Qiita
- Qiitaを1年間ほぼ毎日投稿した話と転職の話 - Qiita
- やっていきは伝染する!デザイン改善の取り組みをチームで習慣化した話|mura24|note
- 秘密にしておきたかったんだけど、実はTwitterにはWebページを埋め込めるんだよね - Qiita
- SNSなどでアクセス権限を与えるために利用される「OAuth 2.0」はどのように動作しているのか? - GIGAZINE
- プログラミングを学びながら履歴書も改善できる10の素晴らしいプロジェクト - Qiita
- IT系上場企業の平均給与を業種別にみてみた 2020年版[前編] ~ ネットベンチャー、ゲーム、メディア系 - Publickey
- IT系上場企業の平均給与を業種別にみてみた 2020年版[後編] ~ パッケージソフトウェア系、SI/システム開発系、クラウド/キャリア系企業 - Publickey
- namae