Kevin Powell

@kevinpowell.co

12970 Followers 269 Following

Helping people fall in love with CSS 📺 https://YouTube.com/@kevinpowell ✉️ https://kevinpowell.co/newsletter

Bruce Lawson poking his head over Jelle Raaijmakers' shoulder as I interview him during the speaker's dinner at CSS Day
Going to account.apple.com and then clicking the "create an account" link. Console immediately fills up with hundreds of errors, and after filling it out, it gives an error with no description at all. In the dev tools, it shows that the form submission failed because it reached the maximum retries.
Logged into my apple account, go to family sharing, and I'm met with a "how to set up family sharing" that says I either need to go to the settings on an iphone, ipad, or ipod touch, or on my mac.
List of speakers for CSS Day. For some reason, I'm on that list.
A pile of stickers, with three different ones. A long black and white one that says "Front-end Friend", a blue and yellow Flex Module Systems one, and a white, blue and teal GRID one in the style of TRON.
Search for "how many letter ps in Kevin Powell", with the AI Overview answering: There are 2 letter p's in "Kevin Powell" (one in Kevin, one in Powell). It then has a bullet list, with the word Kevin, and the letter V being bold, and Powell, with the P bold.
Today, we made the difficult decision to restructure Webflow’s team and operating model. As a result, many of our Webflow teammates are leaving the company today. I own this decision, and I want to explain why we’re making it, how we’re supporting people leaving, and how this positions Webflow for what comes next.
My top recent videos on my second channel, comparing views over the first 4 days of each of my last 10 videos. The current top one has 101,600 views. The next one has 5,800, and it drops all the way down to 193 for the 10th.
Me wearing a Canadiens jersey, smiling
An excited Sassy Peach emoji, followed by a CSS King meme
AI audit of accessibilityfirewall.com using their own tool, showing an original score of 83%, and a remediated score of 100%
ZurichJS speakers page, where I'm one of the speakers
I'm learning HTML & CSS purely as a hobby and have to say how much I'm enjoying this course. I've done one other and found it good but this is far better than good. This course is outstanding. It's well planned, well constructed, the pedagogy behind it is excellent and Kevin's presentation is truly personable. đź‘Ś
Looking out from the stage during a tech check
A slide showing the usual path from design to production, with a simple start in the plan and design, which then hits the spec, before splintering into design docs, figma assets, code, and code docs, which then all has to come back together to publish the project.
A slide with a 7 x 7 grid of fabricated eyes. Some are opened, others closed. During the presentation, it was a video where they were opening and closing.
Phil Hawksworth about to introduce the mystery speaker
Chris introducing his talk
Nick introducing his talk
Manuel on the stage with the title of his talk, 19.5 things you didn't know about accessibility in HTML and CSS on the screen.
TJ introducing his talk AI without the Chaos
Christine on the stage
Giant screen with Welcome! And the smashing cat eating some cheese
Selfie as I stand in front of a canal in Amsterdam
Pile of stickers, with three designs: Frontend Friend, a TRON style Grid wordmark, and a cyberpunk inspired Flexbox Module Systems one
This is perfect! Just to let you know, I really like the CSS Demystified training. I tried other CSS trainings in the past but this one is clearly the best. Very well explained and examples are simple so we can easily understand the concept! Thanks!
Second paragraph begins with "The story is boring."
My attempt at the MadCSS semi-final, with a score of 98.57%
Main stage "unplugged session" with me and Manuel Matuzovic called "Debugging the dev life", where we'll be talking about our own experiences in working through problems, and how we get unstuck, including helping people with problems they are currently stuck with.
Poll asking if people use container queries. 27% said yes. 17% said no, because of browser support. 14% said no because of something else. 42% picked "what is a container query?"
Explaining why I used that strange selector
CSS to trigger an animation on an element, when you hover on something that contains that element.
Smashing Conference Amsterdam, April 13th to the 16th, 2026
Current subscribers: 999940
A custom prop called timing function, first with a value of ease, and then within an @supports, an updated version using a linear() function
Custom select that is a full-screen experience, with gray-scale images of every driver in F1 with their name under it. Opening the select animates in with a zoom effect, and picking a driver animates it back out, where you now see the color picture and name of the driver you selected.
using if() to scale an element to 1.5 if a custom property value is true. On hover, we can set the custom property to true, and if there is a transition for the scale, it works. If using an scroll-driven animation to change the custom property, the scale jumps, ignoring the transition.
A/B test results from my last YouTube video, where I tested three thumbnails. The first two have "5 CSS fouls" in large text. The first one also has me on the thumbnail, while the second one is text only". The third thumbnail has me sitting at a desk, turned to face the camera. I'm cringing and with my hand doing a "stop" motion toward the camera, and there are a few lines of CSS on the monitor.
Graph showing comment size by percentile in CSS files. 75th percentile is under 4kb, the 90th percentile being 11.4kb, and a callout at the bottom saying there was one outlier with 8mb worth of comments
A small, plastic toy yatch.
Current subscriber count: 999,007.
walking through the Frontend Masters recording studio, showing the view from the 36th floor from the two full walls of windows
I am once again begging you to learn how to code. For me, the best tool for designing things that will eventually live in the browser, is the browser itself. HTML and CSS are not hard to learn. People just massively over-complicate front-end tooling these days. If you can learn how to use Figma’s acid trip of a variables panel, you can learn the basics of semantic HTML and how to style it with CSS.
Smashing Conference Amsterdam, April 13-16, 2026
Latest short on anchor positioning has more than 3 times as many views as my next most popular short, out of my last ten, in the first 2 hours after posting.
Which of these selectors is valid? .card:has(.title:has(span)).card::after:hover.card:has(:hover) + ::after.card > + .title
Cookie preference options on a website, with toggles for "tailored ads", "information storage and access for Google ad server", and finally "Opt Out of Targeted Advertising". The explaination of that one sayd that "you can opt-out of the sale and sharing of your personal information by using this toggle switch".
My first ever Black Friday Sale! 40% off.
40% off Black Friday Sale! CSS Demystified & Beyond CSS, running from November 25th through December 1st.
Davidwebca commented: Another thought about this, it’s great for it to have a different name because it’s going to make searching for proper code examples much more easier.
display: grid-lanes
Thumbnail A/B test. The most straightforward thumbnail has 31.1% of the watch time, one where I'm pointing at code smiling has 33.5%, and the one where I'm making a silly face and pointing at the same code has 35.4% of the watch time.
Chart showing my Chess Elo rating in rapid games on chess.com going from about 375 to 586 in the past 30 days, with most of the progress in the last week