PinnedEduardo CasanovaCSS Nesting without Sass: A Battle for Style Supremacy (1/3)The entire series10 min read·May 6, 2024----
PinnedEduardo CasanovainJavaScript in Plain English8 Wrong Ways To useReducer() in ReactThe following assumes you are already familiar with useReducer. Otherwise read the docs first.6 min read·May 1, 2024----
Eduardo CasanovaPractical CSS Scroll Snapping (5/5)The scroll-snap-stop property lets you control whether scrolling comes to a complete stop (snaps) at designated points on a page, or if it…2 min read·12 hours ago----
Eduardo CasanovaPractical CSS Scroll Snapping (4/5)scroll-margin lets you add space between the snapping point of a child element and the edge of its scrolling container. This creates a…2 min read·13 hours ago----
Eduardo CasanovaPractical CSS Scroll Snapping (3/5)Imagine you’re using start or end for snapping, but you don't want the content to hug the edge of the scrollable area exactly. Or, maybe…4 min read·13 hours ago----
Eduardo CasanovaPractical CSS Scroll Snapping (2/5)The scroll-snap-align property controls where things land when you stop scrolling.2 min read·14 hours ago----
Eduardo CasanovaPractical CSS Scroll Snapping (1/5)With scroll snap, you can make scrolling jump to certain spots on a webpage. This lets you create a carousel effect or other layouts where…4 min read·1 day ago----
Eduardo CasanovaThe Power of :has() in CSSThe “:has()” function in CSS lets you pick elements based on their content. Imagine an element as a box. “:has()” lets you find boxes that…5 min read·4 days ago----
Eduardo CasanovaCSS Nesting without Sass: A Battle for Style Supremacy (3/3)CSS nesting and specificity…2 min read·Jun 4, 2024----
Eduardo CasanovaCSS Nesting without Sass: A Battle for Style Supremacy (2/3)Putting special CSS rules (at-rules) inside regular style rules…3 min read·May 31, 2024--1--1