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?