UI Dev Newsletter Issue #18
In this issue: CSS 100% value, fancy borders with bg images, JS closest() method, and more.
Changing World, Changing Mozilla
A big announcement of a significant restructuring of Mozilla Corporation.
What does 100% mean in CSS?
Amelia Wattenberger explains what does percent refers to in CSS for different properties.
More Control Over CSS Borders With background-image
Chris Coyier introduces Amit Sheen’s Dashed Border Generator, which helps make fancy borders.
Practical Use Cases for JavaScript’s closest() Method
Andreas Remdt shows how to use closest() function to do some useful things with JavaScript.
What I Learned by Fixing One Line of CSS in an Open Source Project
Benjamin Schachter describes his journey about fixing a single line in Svelte docs site.
That’s Just How I Scroll
Chris Coyier highlights some interesting techniques from Chris Smith about showing scrollable elements.
Add support for `@apply` with complex classes, including responsive and pseudo-class variants
Adam Wathan shows how to use @apply with multiple, complex classes for better clarity in Tailwind CSS.
What is the width of this div?
Adam Argyle asks a simple question about widths in CSS. Do you know the answer?