Are you using the right CSS units?
There are a lot of different units that we can use when writing CSS, in this video I give some general rules of thumb of which ones ...
Flexbox design patterns you can use in your projects
Get your cheatsheet: https://flexbox-pattern-cheatsheet.kevinpowell.co/ Want to learn more about flexbox?
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, ...
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 ...
Responsive design made easy
Conquering Responsive Layouts: https://courses.kevinpowell.co/conquering-responsive-layouts Creating responsive sites can be ...
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 ...
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 ...
Fun outline animations!
A quick look at some fun animations that you can create using outlines! Code: https://codepen.io/kevinpowell/pen/LYRBxQQ ...
Write less code with these Sass mixins
#sass #scss -- Come hang out with other dev's in my Discord Community https://discord.gg/nTYCvrK --- Keep up to date with ...
Do you understand how Flexbox does what it does?
I've been challenged to a CSS Battle rematch | Can I beat him again???
/// Timestamps 00:00 - Introduction 00:50 - Round 1 16:51 - Round 2 28:11 - Round 3 40:30 - Outro #css -- Come hang out with ...
How you can simplify your CSS with :is()
The :is() pseudo-class is relatively new, but browser support is pretty good now! It's a nice way to dry up your CSS and turn some ...
Get your stylesheets more organized with Sass partials
⌚ Timestamps 00:00 - Introduction 00:15 - Why I love partials 03:25 - How I like to organize my files 05:06 - The 7-1 Pattern #css ...
Front-end dev reacts to mind-blowing 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 ...
Styling your list-items just got so much easier with this pseudo-element!
Custom styling of bullet points wasn't always the easiest thing to do, but with the ::marker pseudo-element, it's a piece of cake!
Before and After pseudo elements explained - part one: how they work
The before and after pseudo elements are super useful part of CSS, but are often misunderstood. This is part of a three-part series ...
From design to code - HTML & CSS tutorial [ part one ]
Taking a design from a design tool like Figma to an actual working website with HTML and CSS means breaking down the design ...
Taking on a FrontEndMentor.io challenge!
People often ask me for good ways to practice what they're learning. I've been recommending Front End Mentor for awhile now, ...