DevTools Code coverage
This feature is only available in Chrome 59 and later I use Critical to create and inline the CSS for above the fold content of a page and UNCSS to remove any unnecessary CSS for these web pages. This...
Home
Working with Service Workers
Service Workers are awesome and they are very powerful. They are also very hard to debug. DevTools has supported service workers for a while and has reorganized things around to produce the...
Work with your content directly on DevTools
There are times when I'm working on a design and start tweaking the design in the browser by adding attributes or making changes to the content directly in the browser and wish I could make those...
Dev Tools Device Simulation and Network throttling
Device simulation in dev tools, also allows to create custom presets and modify existing ones The network throttling options inside dev tools give you a good starting point for testing what your...
Wordpress: Adding Prism.js Without a Plugin
After a while I discovered why my blog wasn't highlighting code as I wanted it to. Plugins are too old and the Markdown plugin in Jetpack is not producing the correct HTML from the Markdown I'm...
Web Components for Publishing
I've been playing with web components for a few years. Until not too long ago the biggest drawback was that only one browser supported the original (v0) family of Web Component specifications. Things...
Upcoming Change to Babel
There is a suggested change to Babel that may change the way you write your configurations, builder tasks and other aspects of your Babel configuration. In the blog post Upgrade to Babel 7 (WIP) the...
Caching DASH Video
When we last discussed encoding DASH adaptive streaming we saw that Shaka Packager creates the master file and a series of segments. We left them in the browser's cache which may force downloads and...
Responsibility in web development
I sat on Jeremy Keith's presentation at AEA San Francisco on how to evaluate technologies for the web. It made me think a lot about the current iteration of the progressive enhancement and what it...
ES6 modules, now in a browser near you
There are some news and changes since I last visited ES6 modules. I started hearing more and more about WebPack and how it did the one thing that Rollup doesn't.... it splits the code in different...