HN Theater @HNTheaterMonth

The best talks and videos of Hacker News.

Hacker News Comments on
10 modern layouts in 1 line of CSS

Google Chrome Developers · Youtube · 6 HN points · 1 HN comments
HN Theater has aggregated all Hacker News stories and comments that mention Google Chrome Developers's video "10 modern layouts in 1 line of CSS".
Youtube Summary
In this dynamic talk, Una goes over the power of modern CSS layout techniques by highlighting a few key terms and how much detail can be described in a single line of code. Learn a few layout tricks you can implement in your codebase today, and be able to write entire swaths of layout with just a few lines of code.

Resource:
Check out the demo website: 1-Line Layouts → https://goo.gle/2ViY1KE

Related Playlist:
Day 3 → https://goo.gle/WDL20Day3

Subscribe to the Chrome Developers → https://goo.gle/ChromeDevs

Speaker:
Una Kravets

#webdevLIVE #CSS #weblayout event: web.dev LIVE 2020; re_ty: Publish; fullname: Una Kravets; product: Chrome - General;
HN Theater Rankings

Hacker News Stories and Comments

All the comments and stories posted to Hacker News that reference this video.
Aug 04, 2020 · 1 points, 0 comments · submitted by jerodsanto
Aug 02, 2020 · 2 points, 0 comments · submitted by mendyberger
Jul 17, 2020 · 3 points, 1 comments · submitted by lemonberry
lemonberry
This a pretty impressive display of what modern CSS can do. I also purchased Every Layout which has some similar techniques but some others as well.

What I like about both Every Layout and this is that they lean into the "cascade" of CSS. A lot of people see the cascade as problematic, but I think these resources show why it's not.

If you don't want to drop the money for Every Layout the Rudiments Section is worth digging into a bit. The few free layouts are also worth looking into.

Rather than just copying and pasting I think the best approach is to commit each pattern to memory but also to grasp conceptually what's going on in them.

InuitCSS' objects are also worth looking into for similar reasons. Though I don't recall if they embrace the cascade so much much.

If you're not doing a lot of css these are probably not worth it but if you are and are looking to level up dig in.

If you don't like or respect CSS I'd just stick with the CSS framework of your choice. There are some great ones.

With all of the different languages, frameworks, and different technologies to learn I don't think there's anything wrong with sticking to a framework to free up some cognitive bandwidth.

Take anything I say with a grain of salt. I'm a poor programmer by HN's standards and definitely not an expert in any of the technologies that I use, but I'm constantly striving to be better in all of the ones that will help me build the best websites and web apps that I can.

Hope this is helpful.

HN Theater is an independent project and is not operated by Y Combinator or any of the video hosting platforms linked to on this site.
~ yaj@
;laksdfhjdhksalkfj more things
yahnd.com ~ Privacy Policy ~
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.