Front-end Structure & New CSS Snippets

This week we took a turn and looked at some new to us css snippets. You will find a great walk-through of clamp() and some helpful tutorials for your next project.

Front-end Structure

Front-of-the-front-end and back-of-the-front-end web development
The Great Divide is real, and I’m pleased that the terms “front-of-the-front-end” and “back-of-the-front-end” have gained traction ever since I quipped about them on the Shop Talk Show. A few of my clients have actually moved away from a culture of “we only hire full-stack developers” and have inste

Dev Tips

DevTools Debugging Tips And Shortcuts (Chrome, Firefox, Edge) — Smashing Magazine
DevTools is very advanced and helpful, but can also be very intimidating and overwhelming. Let’s fix that. In this article, Vitaly reviews useful features and shortcuts for debugging in Chrome, Firefox, Edge and Safari.
Fluid typography with CSS clamp - Piccalilli
Learn to create a simple, accessibility friendly and configurable fluid type system that uses modern CSS sizing functions.

New CSS Snippets

SmolCSS
Minimal snippets for modern CSS layouts and components
Modern CSS Solutions
A series examining modern CSS solutions to problems Stephanie Eckles (@5t3ph), a seasoned frontend developer, has been solving for 13+ years.
John Siwicki

John Siwicki