Cropping Images in CSS With object-fit
I've always struggled to get images to fit where I need them to without giving them explicit size in pixels that will only work on one screen size. Percentages are better but I've always struggled...
How to find stuff in DevTools?
This feature is only available in Chrome 59 and later DevTools is awesome but sometimes can be hard to manage. There's so many tools and functions and shortcuts that it gets hard to remember...
DevTools Audits: powered by Lighthouse
This feature is only available in Chrome 60 and later Lighthouse is a tool to test if your web content (app or site) meets the criteria for Progressive Web Applications and other tests to make sure...
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...
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...