ViewTube

ViewTube
Sign inSign upSubscriptions
Filters

Upload date

Type

Duration

Sort by

Features

Reset

1,255 results

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

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 ...

10:22
Stop the Flexbox for 1D, Grid for 2D layout nonsense

63,675 views

1 year ago

Kevin Powell
Why I use grid over flexbox for this common layout

Need some quick columns and you throw a display:flex on there are you're done, right? Well, it can work, but that doesn't mean it ...

7:32
Why I use grid over flexbox for this common layout

241,803 views

3 years ago

Kevin Powell
The secret to mastering CSS layouts

Deep dive this topic, and much more, in my course CSS Demystified: ...

17:11
The secret to mastering CSS layouts

317,949 views

3 years ago

Kevin Powell
Breakpoint-Free CSS Grid Layouts

Check out the full build as part of my Frontend Masters course: ...

11:23
Breakpoint-Free CSS Grid Layouts

65,684 views

11 months ago

Kevin Powell
How to take control of Flexbox

If you really want to take control of Flexbox, check out my course Flexbox Simplified ...

16:01
How to take control of Flexbox

164,287 views

1 year ago

Kevin Powell
I finally found a great use-case for flex-basis!

Want to dive deeper into flexbox? I have a in-depth course that covers everything from the basics to full design patterns you can ...

4:18
I finally found a great use-case for flex-basis!

63,251 views

2 years ago

Kevin Powell
A flexbox trick to improve text wrapping

Checkout iCodeThis https://icodethis.com/?ref=kevin Links ✓ My finished version: ...

5:02
A flexbox trick to improve text wrapping

252,320 views

1 year ago

Kevin Powell
Form Styling Essentials | The basics to modern CSS tips & tricks

In this tutorial, we'll explore using .form-groups for better organization, making sure our elements inherit font properties, when to ...

19:27
Form Styling Essentials | The basics to modern CSS tips & tricks

47,095 views

7 months ago

Kevin Powell
Easy and more consistent layouts using subgrid

Grid is amazing, but it has it's limitations, many of which are solved with subgrid! Subgrid is only currently supported in Firefox, and ...

8:01
Easy and more consistent layouts using subgrid

56,178 views

4 years ago

Kevin Powell
Why CSS Grid feels complex, and how to keep it simple

Keep up to date with everything I'm up to https://www.kevinpowell.co/newsletter Come hang out with other devs in my Discord ...

5:58
Why CSS Grid feels complex, and how to keep it simple

18,955 views

3 weeks ago

Kevin Powell
No, Flexbox isn't "good enough"

I *love* flexbox. It's a fantastic tool. But there is a reason we have two layout tools, and it's because it can't do everything, and ...

9:18
No, Flexbox isn't "good enough"

46,736 views

1 year ago

Kevin Powell
Simplify your CSS with these 3 grid layout solutions

Simple Grid Layouts Cheatsheet: https://simple-grid-layout.kevinpowell.co/ Grid is often seen as useful for really large layouts that ...

7:10
Simplify your CSS with these 3 grid layout solutions

147,938 views

2 years ago

Peter Sommerhoff
Flexbox Tutorial #1: Why Flexbox?

COMING IN NOV 2020: Join my free 6-part video series to become a confident software developer: ...

5:54
Flexbox Tutorial #1: Why Flexbox?

2,005 views

8 years ago

Kevin Powell
The grid inspector: making grid easy to understand!

If you aren't already using Firefox for your dev browser, I strongly recommend it. Chrome's devtools are great, but Firefox's grid ...

5:38
The grid inspector: making grid easy to understand!

65,631 views

5 years ago

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

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

4:27
The simple trick to transition from height 0 to auto with CSS

248,595 views

2 years ago

Kevin Powell
It might be time to rethink box-sizing: border-box

Start writing CSS with Confidence: http://cssdemystified.com/ Links ✓ Miriam's article: ...

11:33
It might be time to rethink box-sizing: border-box

27,900 views

3 months ago

Kevin Powell
Two simple layouts that work better with Grid

Get your Simple Grid Layout Cheatsheet here: https://simple-grid-layout.kevinpowell.co/ A lot of people use flexbox because it's ...

14:05
Two simple layouts that work better with Grid

67,359 views

2 years ago

Kevin Powell
2 common CSS layout misconceptions

I'm hosting a free CSS Grid Workshop in my Discord on Friday, September 19th: ...

19:43
2 common CSS layout misconceptions

19,777 views

4 months ago

Kevin Powell
CSS Grid Alignment & Justification Without the Guesswork

Figuring out alignment and justification with both flexbox and grid is kind of annoying, and often an exercise in trial and error!

13:17
CSS Grid Alignment & Justification Without the Guesswork

28,432 views

1 year ago

Statuscode
CSS Grid Explained Quickly (with diagrams and code)

A quick and easy high level introduction to the main concepts of CSS Grid given by Morten Rand-Hendriksen at Wordcamp ...

7:30
CSS Grid Explained Quickly (with diagrams and code)

35,937 views

8 years ago