Issue 388 - Optimizing frontend performance with Resource Hints (23)

Optimizing Frontend Performance with Resource Hints — Resource Hints are a simple and effective way for devs to help the browser stay one step ahead of the user and keep pages fast. Here’s a look at how to optimize your site with such techniques. (Harry Roberts recently shared this related slidedeck.)

Creating an Aspect Ratio CSS Utility — As the native aspect-ratio unit isn’t quite ready yet, here’s a ‘handy little CSS algorithm’ to use for figuring out a controlled height based on a container’s width.

Inclusively Hidden — A detailed look at the various ways in which you can hide content, with a particular focus on keeping things accessible.

Hertz Suing for $32M over a Site 'Redesign From Hell' — “Among the most mind-boggling allegations in Hertz’s filed complaint is that Accenture didn’t incorporate a responsive design..” What sort of Web design could you put together for $32M? :-)

Why We Focus On Frontend Performance — Performance is “an integral part of the service” offered by the UK government website. Here’s a look at both the why and how behind their optimisation process.

Controlling Leftover Grid Items with pseudo-selectors — How you may want to deal with leftover grid ‘widow’ items that don’t fill an entire row.

A Much Faster Way to Debug Code Than with Breakpoints or console.log — Wallaby catches errors in your tests and code and displays them right in your editor as you type, making your development feedback loop more productive.

Understanding WebViews — A good overview of what a WebView is (essentially a native component that lets you render Web-based content within another app), what they’re used for and some of their limitations.

Animation Performance 101: Measuring with Dev Tools — How to analyze animation performance in the browser with Chrome Dev Tools.

Diagonal Containers in CSS — How to create full-width, diagonal sections in CSS using the clip-path property.

Fading Out Siblings On Hover in CSS — A tiny trick for making your hover states stand out.

React95: Windows 95-Style UI Components for React — The Windows 95 era UI continues to be held up as one of Windows’ finest moments, so... why not ;-)

OverlayScrollbars: A JavaScript Scrollbar Plugin That Replaces Native Scrollbars — Gives you the opportunity to provides custom styleable overlay scrollbars while keeping a native functionality and feel.

Can I Stop? A Tool to Help You Decide If You Can Drop IE 11 Support In Different Regions

Munich Frontend Conference FrontConf, April 27 – Munich, Germany — International conference focused on frontend concepts and technologies.

Front Utah 2019, June 6-7 — Salt Lake City — Two days of learning better ways to work together with your team and be inspired to grow your career in UX or Product Management.

CSS Day, June 13-14 — Amsterdam, Netherlands — Features eight world-class sessions by eight world-class speakers about curious, 'badly-known', or otherwise interesting CSS features.