跳至主要内容
CSS-Tricks
  • 文章
  • 笔记
  • 链接
  • 指南
  • 年鉴
  • 随机
搜索

Links

我们正在阅读并有一些想法的网络上的内容。有没有我们应该知道的链接?告诉我们!

simpl.info

🔗 http://www.simpl.info/
阅读评论

HTML、CSS 和 JavaScript 的最简单示例。

作者:Sam Dutton。

赞助商:Colore Maps

🔗 http://synd.co/1nqED4N
阅读评论

免费直接在浏览器中创建数据可视化地图!使用可视化地图编辑器为您的网站或演示文稿创建地理信息图表。您的地图将在任何地方都能使用,包括移动设备,并且没有任何使用限制。仅需为自动更新地图或专业咨询等高级功能付费。

rebeccapurple = #663399

🔗 http://lists.w3.org/Archives/Public/www-style/2014Jun/0312.html
阅读评论

…建议将名为“rebeccapurple”的颜色(值为 #663399)添加到 CSS 颜色级别 4 中。这是为了纪念埃里克·迈耶最近去世的女儿,也是整个 Web 社区对埃里克的支持标志。我请求联系埃里克以确保他同意此事;他回复说“他对这个举动感到荣幸,并乐于接受它”。

我很高兴我们工作在一个领域,这个领域并不那么古板,以至于可以进行这样美好的纪念。

元素查询的使用案例和需求

🔗 http://responsiveimagescg.github.io/eq-usecases/
阅读评论

这是一个为新的语言特性辩护的完美例子。不仅仅是模糊的“元素查询!那将是太棒了!”,而是阐述了一个现实世界的场景、我们现在必须做些什么才能实现它,以及为什么这不是理想的。当然,存在巨大的挑战(参见此处和此处),但这些辩论可以在其他地方进行,而不会混淆“我们需要它的原因”的解释。

关于 CSS will-change 属性你需要知道的一切

🔗 http://dev.opera.com/articles/css-will-change-property/
阅读评论

Sara Soueidan 让我们知道translateZ(0); 已经过时,will-change: transform;(等)已经到来。一般的建议是:谨慎使用,在你需要之前应用,诚实地对待真正需要它的东西。

对此有一些反对意见,主要集中在浏览器应该为我们处理这个问题的想法上。反对者认为浏览器很难知道,所以这本质上是浏览器和开发者之间的折衷方案。听起来很像响应式图像的争论,不是吗?

这是一个关于它的很好的讨论。

使用 JSON 在 Sass 和 JavaScript 之间共享数据

🔗 http://viget.com/extend/sharing-data-between-sass-and-javascript-with-json
阅读评论

假设你有一组为你的设计定义的断点,这些断点会调整布局。现在你需要在 JavaScript 中模仿这些断点,因为你选择在该断点加载一些动态内容。现在你在代码的两个不同位置维护该断点。效率低下且容易出错。

Nate Hunzaker 的这个想法允许你在一个 JSON 文件中定义这些断点,该文件既可以被 Sass 使用,也可以被 JavaScript 使用。不仅是断点,还有你可能在这两个地方需要的任何数据:颜色、布局信息,甚至用户偏好?

使用 Sass 的反三角函数

🔗 http://thesassway.com/advanced/inverse-trigonometric-functions-with-sass
阅读评论

我链接到这个不是因为我认为我们所有人都需要在日常的 CSS 工作生活中了解三角学,而是因为:天哪,Ana Tudor 在数学和 Sass 方面做了惊人的工作,这产生了一些大写的艺术,我相信还有更多的人会对关注她的工作感兴趣。

通用 overflow: auto;

🔗 http://bocoup.com/weblog/new-overflow-default/
阅读评论

Greg Smith 并不是主张我们开始将* { overflow: auto; }简单地添加到我们所有现有项目中。但是,如果我们开始一个项目使用它,则有许多优点,例如不需要使用 clearfix 或担心边距折叠。当然,有时你希望不同的溢出行为,但你可以像往常一样设置它。

查看关于inherit值的评论,而不是设置它。

有时这些东西会流行起来,看看box-sizing。以及有时它们不会。

脚本注入的“异步脚本”被认为是有害的

🔗 https://www.igvita.com/2014/05/20/script-injected-async-scripts-considered-harmful/
阅读评论

异步仍然很酷(<script async src="script.js">),但是你创建带有 src 的脚本元素并注入它的那个不再是了。不过有一些需要注意的地方,所以一定要阅读 Ilya 的整篇文章。

我确保更新了我的文章。

更新的 Flexbox 指南

🔗 https://css-tricks.cn/snippets/css/a-guide-to-flexbox/
阅读评论

值得在这里提及:我更新了网站上 Kitty Giraudel 最初帮助我完成的 Flexbox 完全指南。目的是在那里提供完整的信息集,但快速跳转到属性的引用、它们的作用以及它们作用于哪些元素。

Quick Hits

# 2024 年 8 月 23 日
# 2024 年 8 月 21 日
# 2024 年 8 月 14 日
# 2024 年 8 月 14 日
更多快速提示 →
  • 更新
  • 1
  • ...
  • 152
  • 153
  • 154
  • ...
  • 219
  • 较旧

CSS-Tricks 由 DigitalOcean 提供支持。

随时了解 Web 开发动态

使用我们精心制作的时事通讯

DigitalOcean
  • 关于 DO
  • Cloudways
  • 法律信息
  • 获取免费积分!
CSS-Tricks
  • 为我们写作!
  • 与我们合作广告
  • 联系我们
社交
  • RSS 订阅
  • CodePen
  • Mastodon
  • X
返回顶部

© 2024 . All rights reserved.