Let's stay in contact

about me
 CSS

Finally, it Will Be Easy to Change the Color of List Bullets | CSS-Tricks

In my germinating years, the general advice was this: List item li { color: red; } /* bullet */ li span (color: black; } /* text */ Not terrible, but...

by 2019 -11- 14

Read more
 CSS

Oh Hey, Padding Percentage is Based on the Parent Element’s Width | CSS-Tricks

I learned something about percentage-based (%) padding today that I had totally wrong in my head! I always thought that percentage padding was based on the element itself. So if...

by 2019 -11- 13

Read more
 CSS

Thoughts After Looking at the Web Almanac’s Chapter on CSS | CSS-Tricks

Woah, I didn't see this coming! The HTTP Archive dropped this big "state of the web" report called Web Almanac with guest writers exploring data from 5.8 million websites. Una Kravetz...

by 2019 -11- 13

Read more
 CSS

CSS-Tricks Chronicle XXXVII | CSS-Tricks

Chronicle posts are opportunities for me to round-up things that I haven't gotten a chance to post about yet, rounded up together. It's stuff like podcasts I've had the good...

by 2019 -11- 12

Read more
 CSS

When to Use SVG vs. When to Use Canvas | CSS-Tricks

SVG and canvas are both technologies that can draw stuff in web browsers, so they are worth comparing and understanding when one is more suitable than the other. Even a...

by 2019 -11- 12

Read more
 CSS

A Super Weird CSS Bug That Affects Text Selection | CSS-Tricks

You know how you can style (to some degree) selected text with ::selection? Well, Jeff Starr uncovered a heck of a weird CSS bug. If you: Leave that selector empty Link it from...

by 2019 -11- 11

Read more
 CSS

Two-Value Display Syntax (and Sometimes Three) | CSS-Tricks

You know the single-value syntax: .thing { display: block; }. The value "block" being a single value. There are lots of single values for display. For example, inline-flex, which is...

by 2019 -11- 08

Read more
 CSS

Diana Smith’s Pure CSS Artwork “Lace”

Diana is at it again with her absolutely unbelievable CSS paintings. This latest one is called Lace. Past paintings are Francine, Vignes, and Zigario. She wrote for us last year if...

by 2019 -11- 08

Read more
 CSS

Some Things You Oughta Know When Working with Viewport Units | CSS-Tricks

David Chanin has a quickie article summarizing a problem with setting an element's height to 100vh in mobile browsers and then also positioning something on the bottom of that. Summarized in...

by 2019 -11- 06

Read more