TE
科技回声
首页24小时热榜最新最佳问答展示工作
GitHubTwitter
首页

科技回声

基于 Next.js 构建的科技新闻平台,提供全球科技新闻和讨论内容。

GitHubTwitter

首页

首页最新最佳问答展示工作

资源链接

HackerNews API原版 HackerNewsNext.js

© 2025 科技回声. 版权所有。

Modern Layouts in 1 Line of CSS

3 点作者 lemonberry将近 5 年前

1 comment

lemonberry将近 5 年前
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.<p>What I like about both Every Layout and this is that they lean into the &quot;cascade&quot; of CSS. A lot of people see the cascade as problematic, but I think these resources show why it&#x27;s not.<p>If you don&#x27;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.<p>Rather than just copying and pasting I think the best approach is to commit each pattern to memory but also to grasp conceptually what&#x27;s going on in them.<p>InuitCSS&#x27; objects are also worth looking into for similar reasons. Though I don&#x27;t recall if they embrace the cascade so much much.<p>If you&#x27;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.<p>If you don&#x27;t like or respect CSS I&#x27;d just stick with the CSS framework of your choice. There are some great ones.<p>With all of the different languages, frameworks, and different technologies to learn I don&#x27;t think there&#x27;s anything wrong with sticking to a framework to free up some cognitive bandwidth.<p>Take anything I say with a grain of salt. I&#x27;m a poor programmer by HN&#x27;s standards and definitely not an expert in any of the technologies that I use, but I&#x27;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.<p>Hope this is helpful.