How much time do you spend designing the content presentation for your websites? When you write a new blog post or create a new page, are you thinking about just the words, or how your readers will engage with those …
When’s the last time you read your website? Like out loud in the lobby of a Starbucks on a weekday afternoon, over the phone to your parents, or perhaps even as a bedtime story for your kids.
No worries, this …
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 …
