ViewTube

Looking to step up your CSS? I have free and premium courses ...

If you'd like, you can try your own hand at it before watching the video: https://codepen.io/kevinpowell/pen/BaOOoWp My good ...

We have three different pseudo-classes for dealing with focus states, but why do we need three of them? Well, each one is a bit ...

Sometimes you come across a fun effect on a website and you want to recreate it, and that's exactly what I did for this video!

Grid's auto-fit and auto-fill are super useful, and while the declaration is pretty long, and can seem complicated, it's not so bad ...

Looking to step up your CSS? I have free and premium courses: ...

Hyperplexed is a master at taking really cool and complex-looking designs and effects and breaking them down to their core ...

Animating or transitioning to and from height auto is, well, not really possible (though it is being worked on!), but luckily, there is ...

Part one of this series: https://youtu.be/WP5CC5yawfs ✓ Code from this video: ...

Flexbox is great at some 2D layouts, and Grid can be a better choice for 1D layouts as well, so let's stop that being how we decide ...

Links ✓ https://kevinpowell.co/courses ✓ More in-depth video on single page view transitions: https://youtu.be/jZiZs8cZAKU ...

Check out the CodePen: https://codepen.io/dotSDV/full/oNRRpBg Figma: ...

Following up from last week's video, I explore some advanced attribute selector techniques that let you target elements based on ...

Links ✓ Code from this video: https://codepen.io/kevinpowell/pen/RNWVRRL ✉ Keep up to date with everything I'm up to ...

Looking to step up your CSS Game? I have free and premium courses ...

Years ago, I laid out calendar events using bitwise operators in JavaScript. I decided to see if I could do it with CSS Grid. Calendar ...

Resources Software: The preferred way to code in this class is editor software (Notepad++, TextWrangler, Sublime, etc). If you do ...

Inspired by a codepen by Gayane Gasparyan - https://codepen.io/gayane-gasparyan/pen/jOmaBQK - I took my own attempt to ...

NEWBIE A perfect first challenge if you're new to HTML and CSS. The card layout doesn't shift, so it's ideal if you haven't learned ...

Looking to step up your CSS game? I have free and premium courses ...

There are a lot of annoying things in CSS, but this one takes the cake, at least for me. Links ✓ Code from this video: ...

Enroll in this course for FREE - get additional lessons, written content, interactive exercises, and more: learn.kevinpowell.co Get ...

Filmed at https://2018.dotcss.io on November 8th in Paris. More talks on https://dotconferences.com/talks Not a lot of people use ...

Enroll in this course for FREE - get additional lessons, written content, interactive exercises, and more: learn.kevinpowell.co Get ...

Dive even deeper with my 4-hour long flexbox course: https://flexboxsimplified.com Flex-basis is one of those things that people ...