Listen & view Kevin Powell's lyrics & tabs

...read more

Similar Artists of Kevin Powell

Web Dev Simplified

Fireship

Hyperplexed

Traversy Media

Theo - t3․gg

Top Tracks of Kevin Powell

Introduction

we them people

Are you using the right CSS units?

even columns

Styling the button

Stop using Chrome if you're writing CSS

The HTML

CSS will never be the same

CSS em and rem explained #CSS #responsive

Are you writing responsive CSS the wrong way?

Give your site a fantastic color scheme fast

Front-end dev reacts to mind-blowing Codepens

Modern CSS is magic

How to create an awesome navigation bar with HTML & CSS

Battle 1

5 CSS mistakes that I see way too often

Use these instead of vh

Most sites have a "hidden" link, and yours should too!

The basics

Adding the reflection

I've been challenged to a CSS Battle rematch | Can I beat him again???

min, max(), and clamp() are CSS magic!

Introduction to the project

Why I use the BEM naming convention for my CSS

Do you understand how Flexbox does what it does?

For You

For V (formerly Eve Ensler)

What we are starting with

Setting up locally scoped custom properties

Front-end dev reacts to amazing CSS-only Codepens

A Love Sonnet

Introduction to the Intersection Observer JavaScript API

Work faster with these 3 VS code tips

You can do that with margins?

How to make shapes with CSS

The basics of custom scrollbars

Adding the glow to the text

Lazy loading is too easy now

When I Found Malcolm X

The ground rules

Pushing the limits of HTML & CSS

The problems with viewport units

Starting the CSS

Dear Kobe

Tupac and Biggie

Grocery Shopping With My Mother

Some more practical examples

Basic styling

Selecting a element if it has a specific sibling

Create a neon button with a reflection using CSS

What we could have instead

Why this is so useful

Container queries are possible!

Floats, Flexbox, Grid? The progression of CSS layouts

Battle #1

Smooth scrolling with one line of CSS

The simple trick to transition from height 0 to auto with CSS

Call of the Wild

My Father

Fastest way to be a MASTER web dev???

Setting up the grid with named lines

Different timing functions for different states

Relationship between parents and children width and height

The order of keyframe animations doesn’t matter

Starting the layout

Changing one value instead of redeclaring property

Creating elements as the mouse moves

Adding my CSS through an import

A quick look at the benefits of Astro

Get your media queries working with the meta viewport HTML tag

Fixing keyboard navigation

Battle #2

A new way to write media queries is coming to CSS

5 ways to vertically center with CSS

Adding a breakout to the grid

Inspiration for this idea

5 simple tips to making responsive layouts the easy way

What I’m starting with

Adding the shadow under the card

Use an external CSS file

Browser support

iCodeThis

How we're approaching this

Can I make this animated navigation design with HTML & CSS?

Setting up the custom properties

Battle #3

Taking on a FrontEndMentor.io challenge!

Responsive navbar tutorial using HTML CSS & JS

Flexbox or grid - How to decide?

A flexbox trick to improve text wrapping

Easily overlap content with CSS Grid

Intro

Is this CSS Battle even possible?

5 common beginner CSS mistakes

Stop using @import with Sass | @use and @forward explained

Making things more consistent by defining the size

Declaring multiple keyframes with one declaration

Start with global styling

Animating transform and the individual transform properties

Setting up the table

Basic CSS to get the table looking better

Useful & Responsive Layouts, no Media Queries required

Learn flexbox the easy way

Content vs Layout

Content vs Layout

Inheritance

11 VS Code Shortcuts that you need to be using

Preventing the shadow from rotating

Making even columns

Understanding what happens when we use display flex

Using calc in a media query

Adding the second image on hover

The setup

Creating a component with scoped CSS

Adding the tilt

Adding the falling animation

Adding colors to the stars

Spacing out the stars

Linking a background image in an external CSS file

More CSS styles to improve the look

Creating content from markdown files

How I build a website from scratch

Feature awareness and usage

Use media queries to add complexity

Very simple responsiveness

Avoid fixed sizes

5 super useful CSS properties that don't get enough attention

Naming stuff is hard

Can ChatGPT write decent CSS?

Shortcuts

The blinking animation

What do you mean there are no divs?!

Customizable typewriter animation with CSS

Get rid of that small space under your images

3 random CSS tricks

How you can simplify your CSS with :is()

The one CSS combinator I use in every project

Relax Better

Coding a responsive webpage from start to finish

CSS Card with hover animation and mobile fallback

Working with media queries

Improving the column sizes

Can I create this tricky orbiting icon animation?

inset

The gap property

Use your grid inspector

Animate from display none

6 simple typography tips to more professional looking sites

Get started with grid WITHOUT being overwhelmed

I've been challenged to a CSS Battle!

3 useful CSS hacks

Dealing with more content

hover media query

It's time for a change...

Websites are responsive before you write any CSS

empty

Turning the dot into a star

Don't have the images in your HTML

strange things that can break your positioning

When the image doesn't show up

Adding scroll snapping

Adding the logo

Understanding how Flexbox is calculating the sizes of the columns

Declaring display grid

And they say CSS isn't a programming language! CSS-only games are amazing

Using it for an accordion

What we are working on

Child’s margin impacting the parent

Creating new variations is so easy

Adding the animation

the relationship between the parent and children

A more robust solution

The basic setup for small screens

A lot of best practices are like training wheels

Basic setup for larger screens

Using grid to improve the layout inside cells a little

Astro makes websites faster & easier to build

Creating components that use props

Fixing the accessibility at small screen sizes

Simplify your CSS with these 3 grid layout solutions

Demographics

Build something!

Get your hands dirty

Mixed Mediums

Can you beat me at a CSS Battle?

The Cascade

I never thought this would be possible with CSS

6 things I wish I knew about CSS when I started

Step up your front-end skills with these 5 resources

Position absolute is even better with grid!

Flexbox design patterns you can use in your projects

Flexbox is more complicated than you thought

Adding the caret

Step up your CSS game using these selectors and combinators

The most common HTML mistake that I see

Best (and worst!) ways to center WITHOUT flex or grid

basic setup

Drumless Track

Can I create Netflix’s video carousel with CSS only?

CSS Battle - taking on round 15

Stop using this useless CSS declaration

From Design to Code // HTML & CSS from scratch // Frontend Mentor

CSS animation keyframe tips

Useless declarations (that can cause problems)

writing the HTML

Learn CSS Grid the easy way

Creating a layered card with HTML & CSS

What do you mean there are no divs?

Simple CSS solutions

Get more out of custom properties

5 useful CSS properties that get no love

Responsive design made easy

Cloning Google Font's Light/Dark Mode Toggle

Why I love partials

Working with custom axis

Finding the different axis available in a font

Getting started

Using negative animation delays

Converting a variable ttf to a woff2

The problem with var

Themes

Challenge 2

Trying a simple solution

What are variable fonts

Making my test buttons work

What we're starting with

My main source of info for this

Omiting 0% and 100

Layout

Where we can find variable fonts

You probably don't need to declare rows

Setting up the font face declaration to use a variable font

The problem with percentages in CSS

Animating the underline position

Create amazing patterns using CSS gradients

Maybe tabs are a bad idea

You probably want position: sticky instead of fixed

Using JS to move the underline when we click on a tab

How to write Semantic CSS

Getting the underline to match the width of the tab

Getting started with Variable fonts on the web

Setting up the CSS

Obscure HTML elements that almost no one uses (but should!)

How to change your navigation style on scroll

I gave 7 CSS Challenges to Algorithm Expert Rachit Jain!

Why you shouldn't set font-sizes using em

Stop the Flexbox for 1D, Grid for 2D layout nonsense

The basics of var

alternative that has better browser support

Working with line numbers

What we're going to be creating

Placing things in specific places on your grid

Comparing var to CSS selectors

Utopia’s type size calculator

Basic CSS

Things to avoid!

Using clamp

let

Adding speed and direction options

Spanning columns