CSS Grid Changes EVERYTHING - Amazing Presentation

Рет қаралды 1,116,023

7 жыл бұрын

CSS Grid is now live in all major browsers, and with it everything we know about web layouts changes! The CSS Grid Layout Module introduces a native CSS grid system, provided at the viewport level, that achieves what CSS frameworks and popular grid systems could only dream about: Responsive, flexible, pure CSS grid layouts, independent of document source order, that allow us to treat the browser as a true design and layout surface.
EVENT: WordCamp Europe, Paris, France, June 2017
SPEAKER: Morten Rand-Hendriksen, / mortenrandhendriksen
SLIDES: www.slideshare.net/mor10/css-...
PERMISSION: The original content of this video is under the Creative Commons Attribution license (reuse allowed).
ORIGINAL SOURCE: • Morten Rand-Hendriksen...
Additional material for CSS learners:
amzn.to/2Tk6kBZ CSS: The Definitive Guide: Visual Presentation for the Web amzn.to/2FgQcMI A Smarter Way to Learn HTML & CSS: Learn it faster. Remember it longer
amzn.to/2Ffp1ll CSS in Depth
amzn.to/2FlKV6N CSS Secrets: Better Solutions to Everyday Web Design Problems

Пікірлер: 1 000

@4.0.4 6 жыл бұрын

It annoys me that he's talking about what's on the slide and the camera focuses on him instead.

@PristinePerceptions 6 жыл бұрын

I have often wondered why web layouts weren't always like this. This is not innovation. No, it is not. This is the natural way to do it. It is a shame that we didn't do this earlier.

@anthonyreynolds1725 6 жыл бұрын

rip bootstrap

@logicalfundy 6 жыл бұрын

So we've gone from tables, to DIVs, to grids. Almost full circle - except with grids we can now make them responsive in the CSS :). Time to rewrite my website again.

@Holobrine 6 жыл бұрын

I'm watching this half asleep in bed and it makes perfect sense to me

@ben-abbott 6 жыл бұрын

tough crowd

@Melvin420x12 6 жыл бұрын

"Everything just works" that's something I've never heard before..

@gateCodeKC

As someone who is just 2 weeks-in learning to code, this was what confused me. The tutorials teach you semantics but never see them in like i think 99% on websites you inspect. All you see is div div div lol. Thanks for a thoughtful presentation!

@roazr9736 6 жыл бұрын

Amazing indeed

@Danjovisagat 6 жыл бұрын

probably the best youtube recommendation of 2017.

@silentshadow867 3 жыл бұрын

I am glad there are people like Morten who stop and ask, "Wait, even though this is the way we do things, does it really make sense?" I am a novice web developer who just created a page using bootstrap, but when I did a nested table I questioned if I was doing it right because the markup looked so sloppy. This is how I feel css should work. That markup makes so much more sense.

@jwvw23 6 жыл бұрын

I'm 7 minutes in and really believe that I understand everything better now, than after reading all the HTML/CSS books /articles/bootstrap/tutorials/(yet another) framework stuff for a few months.