I gave 7 CSS Challenges to Algorithm Expert Rachit Jain!
Rachit is an algorithm expert who only dabbles with CSS from time to time, so we thought it would be fun if I could come up with ...
Giving Coding Interview Challenges to CSS Expert Kevin Powell
Kevin is a CSS expert with the vision to make people fall love in CSS, or atleast be less frustrated by it. In this video, I asked Kevin ...
From idea to layout: How I approach designing a site
A look at how I got from my idea, or concept, do my research, collect assets, and start designing the first draft of a layout using ...
Kevin Powell - Re-defining Manhood: A Message to Men, to Boys, to Us All | Bioneers
This keynote speech was delivered at the 2018 National Bioneers Conference. Introduction by Nina Simons, Bioneers ...
Flexbox design patterns you can use in your projects
Get your cheatsheet: https://flexbox-pattern-cheatsheet.kevinpowell.co/ Want to learn more about flexbox?
5 simple tips to making responsive layouts the easy way
FREE COURSE: Conquering Responsive Layouts https://courses.kevinpowell.co/conquering-responsive-layouts Links ✓ min(), ...
Step up your front-end skills with these 5 resources
It can be hard to break away from tutorials and to start building things, but it's also the single most important thing you can do.
Flexbox is more complicated than you thought
Article on CSS-Tricks: https://css-tricks.com/equal-columns-with-flexbox-its-more-complicated-than-you-might-think/ Flex is a little ...
Creating a responsive, asymmetrical design with HTML & CSS
Layouts like this used to be a huge pain, but with the more modern tools that are being introduced to CSS, like grid, subgrid, ...
Simple solutions to responsive typography
In this one, I look at two simple ways to make maintaining your site's typography much simpler! Links ✓ The codepen: ...
Front-end dev reacts to amazing CSS-only Codepens
People say I'm the king, but like... yeah this stuff is insane . Make sure you check out the codepens below so you can see them ...
The EASIEST way to get started with CSS GRID
I always saw grid as a very powerful, but slightly complicated tool, for creating layouts. I love it SOOO much, but there is just so ...
CSS Card with hover animation and mobile fallback
⌚ Timestamps 00:00 - Introduction to the project 00:52 - The HTML 03:40 - Starting the CSS 08:47 - New HSL Syntax and ...
Fastest way to be a MASTER web dev???
I am always asked how to learn or master something as fast as possible, so in this video I look at my tips for learning, and how ...
Taking on Gary Simon's challenge LIVE!
Gary Simon of DesignCourse has issued me a challenge. He created a layout and thinks I'll struggle to make it with HTML and ...
3D CSS - lighting, animations, and more!
Having no idea how to do this myself, Amit Sheen was awesome enough to jump in and show me how it's done. You can find ...
Create a responsive navigation nav with no JS!
My very first video that I published here is one on creating a navigation. It worked, it looks good, and it's insanely popular (by far ...
Responsive design made easy
Conquering Responsive Layouts: https://courses.kevinpowell.co/conquering-responsive-layouts Creating responsive sites can be ...
Getting started with Figma: A beginner's guide
Don't forget to use KEV25 at checkout for 25% off of Kyle's Freelancing Bundle: https://gumroad.com/a/406680691 Figma is a ...
Coding a responsive webpage from start to finish
/////// Timestamps /////// 00:00 - intro 6:15 - Start the markup (sorry for the long intro, lol) 21:15 - Start CSS / Custom Property setup ...
Sass with auto-refresh (and more) made easy
Wanting to start using Sass, but the command line stuff seems scary? Thanks to Parcel, we can get it all up and running pretty ...