18-19 July 2019
Turn our attention to the user. Mirror mirror on the wall, developers see developers not users. Users don't adjust the width of the page to make it responsive so as developers neither should we. On mobile users see missing things. Users should get first priority. Don't make things better for developers thinking it will then make things better for users. Make the user a part of the experience. We need to design focused primarily on the user. Font sizes gives users the choice of what size. New York Times is a great example. Don't ask permission just build things a better way.
Iterators, iterables, destructoring, spread operator, generators
Accessability with keyboard focus and dropdowns and modals.
Pally integrate into the command line.
CSS modules, CSS in JS. Should we or shouldn't we. There is always a time and a place just not every time and all the places.
PWA, manifest, name, styles, icons. PWA extras - display, orientation. Verify on chrome dev tools. Meta name viewport content initial scale.Remove 300ms delay. App theme, app brand, add preload, defer/async. System fonts, remove tap highlight. Body on load. Sticky class. Snap points, scroll snap type. Image set sizes inline. image src set for retina, @2x @1x. Loading = lazy. starturl: "/index.html".
Omit needless words. Write less. Build better more robust software. Why I don't use web components article.
Firefox for debugging css. Changes step, copy all changes. Flexbox inspector.
$0 to see which elemet you are on
$$(div) to get all elements
inspect($(.myClass)) will select it in elemet selector
Monitor(sum) - sum is a funciton we would like to monitor. It gives us a message when the function is being called also for events.
$ the last thing you used
Capture screeenshot, clear cache and play to see what is loaded when.
Safari: canvas tab
Chris Coyer article on JamStack
JamStack being served directly from a CDN. From Lamp to Mean to JamStack. Client side v Server side. Static site genaration.
Garbage Collection and how it works.
Map keeps key and value alive
WeakMap keeps value alive
An entry dies if weakMap dies or a key dies.
Handling errors, promise all. Error classes. Util.promisfy. Async await easier for debugging.
Service workers, workbox. Offline plugin. Webhint - like lighthouse. Apps/size-auditor