Это видео недоступно.
Сожалеем об этом.
CSS Grid Layout - Rachel Andrew | February 2017
HTML-код
- Опубликовано: 6 авг 2024
- Rachel Andrew (02/02/17)
Forget rolling your own float-based layouts, incorporating your favourite CSS framework’s grid system, or stretching Flexbox within an inch of its life - CSS Grid Layout module brings us a native CSS grid system for the first time! It’s a system that doesn’t rely on document source order, and can create complex layouts which are easily redefined with media queries. Rachel provides practical examples to demonstrate how Grid works and how it can be used to implement modern layouts and responsive designs.
frontendne.co.uk/talks/css-gr...
Rachel, thank you so much for this extremely informative presentation! Thoroughly explain CSS Grid Layout and literally answered every question that was running through my head.
Well that sounds like a lovely experience for building UIs going forward. Thanks for a fantastic talk Rachel!
This is amazing! I can't believe I'm just now discovering this.
Same here.
This is so awesome! I can't wait until Rachel's new book comes out.
Thank you sooooo much for such informative presentation!!
Great presentation, many thanks for your work!
Excellent video thanks for sharing!Was a big help :D
I enjoyed this presentation. Thank you!
Perfect presentation, thanks. I suggest people watching it, to follow along testing things in Codepen.
Great stuff indeed. So good to be in at the start of it too ! OK, I've been at it since 1999, but I sort of got stuck for a while .
Having the CodePens was super important. Very well done!!
It doesn't look like they're up anymore. Can you link me to them please?
They are in the video, for example, see minute 20:52 => cssgrid.me/051623
Just started watching the video, hopefully it'll help me fix the bugs im getting :)
Thanks Rachel!
Great talk! Really interesting stuff.
Absolutely Fantastic!! Thumbs Up!! \m/
Thanks Rachel
Great her are engineer in frontend thank you so moch for information and for explain this topic.
cпасибо за ваши труды, я в печетлён простоте и качеству дизайна
"We don't need a grid based frameworks, Grid is a Framework "
So awesome
great looking presentation. what software do you use to creat it?
@55:19 The question on accessibility with css confused me a bit. I thought html 5 attempts to solve that issue. the only accessibility concern I could think with grid layout is, as mentioned, forms getting out of order but html should and could do better to solve that.
Great !!!
does someone knows when will css grid be available on the browsers?
Andres R ya man find 'Can I Use'. Should be around 80% support at time of this writing. We gettin there brother
which browsers can read these grid layouts?
Almost everyone now.
The only ones lacking is IE and Edge. But they will come soon
Sten Wichmann and safari i guess..? Acording to mozilla
perfect reason to check out caniuse.com
How do you handle IE11? It doesnt support "css feature" also. Answers like "drop IE11" is not an answer.
If you need to support a browser that doesn't support a CSS feature. @supports or modernizr can help you out.
Use @supports the right way around though. Write the fallback as a default, then overwrite it inside an @supports block. That way, the browser doesn't need to support @supports either.
Did we say support enough times? Support.
Yes it is. Approximately 1-2% of users worldwide still use Explorer, and even less use Edge. They're not worth the time and effort
@@stuartslaugh2722 You also have to realise that it depends on the audience you are coding for. UC Browser is popular in Asia, and it does not support Grid at all. So if you design a site for a company whose market is in Asia, there's a chance that many visitors will arrive at a broken website.
so you can't drag cells around to different positions in real time, that's really a huge limitation =/
yeah true, I meant more like "loss potential" rather than limitation
Why does it take so long to implement something like this? 3D web apps is right around the corner..
wtf 12:15 this shit is not working for me!
Very boring presentation.
lol why?
Neithan Brother lagta hai apka Web development main interest ni hai
I'll be waiting for your exciting CSS Grid presentation.
Nonsense