Animating Number Counters
Number animation, as in, imagine a number changing from 1 to 2, then 2 to 3, then 3 to 4, etc. over a specified time. Like a counter, except controlled by the same kind of animation that we use for …
Every website that’s made me oooo and aaahhh lately has been of a special kind; they’re written and designed like essays. There’s an argument, a playfulness in the way that they’re not so much selling me something as they are …
Matthias Ott, relaying an idea he heard from Derek Sivers:
…Many personal websites, including this one here, have an “about” page. It’s a page that tells you something about the background of a person or about the services provided. But
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="✅"
class="email">
[email protected]
</div>
.email::before {
content: attr(data-done) " Email:
… I vividly remember my first encounter with a content management system: It was 2002 with a platform called PHP-Nuke. It offered a control panel where site administrators could publish new content that would be immediately available to readers, without …
Did you know that you can animate the content
property of pseudo elements? According the list of animatable properties in the spec, you shouldn’t be able to, but in the latest version of desktop Chrome you can. The demo below …
Frontend Masters is the best place to get it. They have courses on all the most important front-end technologies, from React to CSS, from Vue to D3, and beyond with Node.js and Full Stack.