Frontend Weekly Vol.183
興味深いインタビュー質問への回答、titleとSPAとa11y、JSのコスト、ほか計10リンク
What happens when you type ‘google.com’ into a browser and press Enter? by DEV Community 👩💻👨💻
‘google.com’ とブラウザから検索すると何が起こるのか?
中々どうして面白いインタビューの質問。
普段、当たり前に利用している機能や機構についてどこまで詳しく、何を詳しく説明するのか? 実際にその質問への回答を記事として公開。
Accessible page titles in a Single Page App by hiddedevries.nl
document.title とSPAとアクセシビリティ
SPAの世界において、document.title を変えても、スクリーンリーダーは読み上げを行わないかも知れない。
場合によってはタイトルが変わる、というアクションがないSPAもあるだろうが、ユーザに変更を伝えることは大切。
The Cost Of JavaScript In 2018 by Addy Osmani
JavaScriptのコスト: 2018年版
Addy Osmani氏によるJavaScriptが抱えているコストについてのレポート2018年版。 今年もデータも解説もたっぷりの読み応えある記事になっている。
パフォーマンスが好きな人もそうで無い人も、読む価値のある記事なので是非。
Performance is a journey. Many small changes can lead to big gains.
The Best Explanation of JavaScript Reactivity 🎆 by Vue Mastery
“Reactivity”はJavaScriptのライブラリ/フレームワークで欠かすことの出来ないアイデアの1つ。そんな”Reactivity”についてVueを例に詳しく、図示しながら分かりやすく解説。
Why bad technology dominates our lives, according to Don Norman by Fast Company
“好奇心”は人間の美徳であるはずなのに、ソーシャルメディアやチャット、アラームに至るまで我々人間の”興味”を奪い合い、それが重荷に変わって来ているのではないか? Don Norman氏による、人間中心のデザインへの回帰提案。
Instead of starting with the technology and attempting to make it easy to understand and use, let us take human capabilities, and use the technology to expand our abilities.
In Brief
- How to fix dragging animation in UI with simple math: 何かをドラッグする際のアニメーションをシンプルな数学を使ってより自然に作る方法について
- Fractional. by Ethan Marcotte: CSS Gridにおける発明
frユニットの使いどころ。仕様ではなく、レスポンシブデザインにおけるEthan氏のマインドセットについて - Build a state management system with vanilla JavaScript by CSS-Tricks: 状態管理をバニラJavaScriptで実装。解説込みでスニペットも多く、実際に稼働しているレポジトリもデモもあるので勉強にぴったり
- Solved with CSS! Logical Styling Based on the Number of Given Elements by CSS-Tricks: CSSのセレクタはなかなかどうして強力。便利で強力なセレクタを実例を交えて紹介
- Digital Psychology by Daniel Stefanovic: ユーザの気持ちを知るための心理学の原理たちと事例のまとめ
