I optimized 998 clicks for a given user story down to just 4 and this is how you can too. Not all users click. Some tap the screen or keys on a keyboard. Others may use dictation to interact with your interface. …

The holy “px vs em” war wages on. But it never should have started. Not because one side is absolutely correct, but because these design decisions should not be reduced to binary. It’s not all or nothing or one or the other. This is a response to David Gilbertson’s rems…

The year is 2017 and for better or worse JavaScript is everywhere. Tools like React allow us to virtualize our documents, making turning web pages into web applications more approachable than ever. But sometimes what we can do with these tools conflicts with what we should do with them. As…

Within the Web Development industry we say that if a page loads quickly it has good performance. But we’re wrong. There are several definitions to the word performance but the only definition that is even remotely close to referring to speed is: performance: the capabilities of a machine, product, or…

Cascading Style Sheets are designed to, well, cascade. !important declarations overrides the cascading nature of CSS and are often considered to be a hack. You should avoid using them for the most part. But like most things proposed to the CSS spec, !important has several practical applications. But what are…

Oh. You were expecting 10,000 tips weren’t you? You won’t find that many tips today. At least not here. But you will find some tips for keeping the initial weight of your progressively enhanced web experience under 10,240 bytes (10kB). Perhaps you’ve heard of this year’s 10K Apart Competition. Or…

URLs (Uniform Resource Locators) are how we arrive at a given location on the web. Similar to how a building has a unique address, every web page has a unique URL. In addition to navigating to a specific webpage, URLs can take us to a specific part of a webpage. …

You’ve been experimenting with React lately and you are aware that in accordance with accessibility, SEO, and performance best practices you should serve a semantic HTML document that React enhances — not creates. But how do you author an initial synchronous experience and an enhanced asynchronous experience isomorphically? One of…

Inlining critical CSS is an optimization technique designed to make your site render blazingly fast. But does it? A website is one or more web pages bound together by a domain, hyperlinks, commonly used assets, and the browser cache. Web pages are not websites. Websites are not web pages. Optimizations…