Head and shoulders photo of Ben Frain

Hi! I'm Ben Frain

A web developer and author. I write web development books, make online courses, and publish YouTube videos.

Book
Book cover of Responsive Web Design with HTML5 and CSS, Fourth Edition

Learn how to build modern, responsive websites.

Major updates in the latest, 5th Edition – scroll-driven animations, view transitions, anchor positioning and more.

Learn More...

Video Course
Ultimate Text Editing Productivity with Sublime Text
This course is excellent. Ben did a great job of explaining the various functionalities of Sublime

Jovan Nikolic, Skillshare

Recent Posts

So, you want a React modal that uses the <dialog> element and transitions in AND out?

I had to make a modal recently, it happened to be in React, so some of what follows is React specific, but the principles are all good ol' CSS/HTML and JavaScript, so don't necassarily go running just because I'm using…

Scroll indicators on tables with background colours using animation-timeline

Imagine a HTML table, with alternating rows with different background colours. The table content overflows the container on the right but on a mobile browser, with no obvious scrollbar, there is no affordance to know the table is overflowing. I…