Issue #311

April 18, 2018

Front-End Developer Handbook 2018

Cody Lindley created an in-depth guide that broadly outlines and discusses the practice of front-end engineering: how to learn it and what tools are used when practicing it in 2018.

How CSS Works: Parsing & Painting CSS in the Critical Rendering Path

Benjamin Johnson explains in detail how CSS gets rendered to the screen on initial page load.

Images slowing down your website? Try ImageKit!

ImageKit.io’s real-time image optimization, transformation and delivery CDN boost your website performance by more than 25%. Try it now!

Try now for free!

Articles & Tutorials

Scroll to the Future

Anna Selezniova and Andy Barnov will tell you everything you always wanted to know about implementing scrolling but were afraid to ask.

Design Systems at Gusto

Robin Rendle shares how their team built a design system and what they learned along the way.

Best Practices With CSS Grid Layout

Rachel Andrew shares some of the current best practices with CSS Grid Layout.

Mission Critical: Optimizing CSS for CDN

John Bender summarizes the challenge of utilizing CDN for CSS delivery and provides some direction on how to address it for a few example CDNs.

Keeping Aspect-Ratio with HTML and No Padding Tricks

Noam Rosenthal demonstrates a solution for keeping aspect-ratio with a combination of CSS Grid and SVG.

4 Ways to Improve Your DevOps Testing

Read the 4-part eBook to learn how to detect problems earlier in your DevOps testing processes.

Get It Now

Tools

Accessibility Inspector in the Firefox Developer Tools

The built-in Firefox Developer Tools just received The Accessibility Inspector, which allows you to inspect your website’s exposure to assistive technologies.

Check it out

Feature Queries Manager

A browser extension that lets you manage and toggle CSS on a page behind a @supports Feature Query.

Check it out

Inspiration

New Tools Don’t Always Equal Productivity

So that awesome new program/app/hardware/tool promised it would make you more productive! Believe it? You might want to rethink that. Anton Sten explains that productivity is mostly about what works for your problem and not what’s newest.

Get inspired