Skip to main content

Robin Rendle

Writer, designer, type nerd.

Article

How to Animate Text with SVG and CSS

The other day I was helping my pal Jez work on Dept. of Enthusiasm, the site for his newsletter, and I had a thought. What if we made the word “enthusiasm” in the title animate a little bit? Like, what if each of the letters in the word bopped up and down enthusiastically?… Read article “How to Animate Text with SVG and CSS”

Article

Did You Know the Ordered List Element Has Start and Reversed Attributes?

I sure didn’t! Tomek Sułkowsi shows how we can reverse the numbering of ordered lists with a simple HTML attribute:… Read article “Did You Know the Ordered List Element Has Start and Reversed Attributes?”

Link

A Guide to Handling Browser Events

Link

Sass !default and themeable design systems

Link

I Pressed ⌘B. You Wouldn’t Believe What Happened Next

Article

Why is CSS Frustrating?

Here’s a great thread by Kevin Powell that’s making the rounds. He believes so many folks see CSS as a frustrating and annoying language:

Read article “Why is CSS Frustrating?”
Link

In-Browser Performance Linting With Feature Policies

Link

Inspiring high school students with HTML and CSS

Article

Do This to Improve Image Loading on Your Website

In the video embedded below, Jen Simmons explains how to improve image loading by using width and height attributes. The issue is that there’s a lot of jank when an image is first loaded because an img will naturally have a height of 0 before the image asset has been successfully downloaded by the browser. Then it needs to repaint the page after that which pushes all the content around. I’ve definitely seen this problem a lot on big news … Read article “Do This to Improve Image Loading on Your Website”

Link

Old CSS, new CSS