Category: CSS

0

SVG Marching Ants | CSS-Tricks

Maxim Leyzerovich created the marching ants effect with some delectably simple SVG. See the Pen SVG Marching Ants by Maxim Leyzerovich (@round) on CodePen. Let’s break it apart bit by bit and see all...

0

Journal—An nth-letter selector in CSS

Variable fonts are a very exciting and powerful new addition to the toolbox of web design. They was very much at the centre of discussion at this year’s Ampersand conference. A lot of the...

0

Why don’t we add a element to HTML?

Why don’t we add a <lovely> element to HTML? Wednesday 10 October 2018 (Russian translation: Почему мы не добавим в HTML элемент <чудесный>?) Yesterday, there was an interesting conversation, started by Sara Soueidan: Something...

0

HTML for Zip Codes | CSS-Tricks

By Chris Coyier On October 15, 2018 form validation, forms, zip I just overheard this discussion on Twitter, kicked off by Dave. Me (coding a form): <input id=”zip” type=”number”>Tiny Devil (appears on shoulder): Yaaas!...

0

Styling the Gutenberg Columns Block

WordPress 5.0 is quickly approaching, and the new Gutenberg editor is coming with it. There’s been a lot of discussion in the WordPress community over what exactly that means for users, designers, and developers....

0

The Way We Talk About CSS

I’ve been writing new talks, creating new workshop material, and thinking about how best to teach CSS as we head all too quickly towards 2019. One of the things I’ve been thinking about is...

0

POSTing an Indeterminate Checkbox Value

There is a such thing as an indeterminate checkbox value. It’s a checkbox (<input type=”checkbox”>) that isn’t checked. Nor is it not checked. It’s indeterminate. We can even select a checkbox in that state...

0

Valid CSS Content | CSS-Tricks

There is a content property in CSS that’s made to use in tandem with the ::before and ::after pseudo elements. It injects content into the element. Here’s an example: <div data-done=”&#x2705;” class=”email”> chriscoyier@gmail.com ...