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

Links

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

优化 CSS 以加快页面加载速度

🔗 https://pustelto.com/blog/optimizing-css-for-faster-page-loads/
阅读评论

一篇简单的文章,包含来自 Tomas Pustelnik 的一些性能数据。它很好地提醒我们,CSS 是网页性能思考的关键部分,而且是一个非常重要的原因。

每当 [浏览器] 遇到任何外部资源(CSS、JS、图像等)时,它都会为其分配下载优先级并启动下载。优先级很重要,因为某些资源对于渲染页面至关重要(例如,主要样式表和 JS 文件),而其他资源则可能不太重要(例如图像或其他媒体类型的样式表)。

对于 CSS,此优先级通常较高,因为样式表对于创建 CSSOM(CSS 对象模型)是必需的。要渲染网页,浏览器必须构建 DOM 和 CSSOM。

这就是为什么 CSS 通常被称为“阻塞”资源的原因。在某种程度上这是可取的:我们不希望看到未设置样式的网站闪烁。但是,当我们使 CSS 更小时,我们会获得真正的性能提升,因为它下载、解析和应用的速度更快。

继续阅读 →

包容性设计 24

🔗 https://inclusivedesign24.org/2020/schedule/
阅读评论

完全免费。

无需注册。无需登录。所有课程都将在 Inclusive Design 24 YouTube 频道 上实时公开直播 - 请参阅 活动的完整播放列表。

阵容非常强大。

继续阅读 →

像 Boss 一样在 VS Code 中编辑 HTML

🔗 https://vimeo.com/445554082/bbe9baee2d
阅读评论

这是 Caleb Porzio 制作的七分钟 视频,重点介绍了 Emmet 的一些 HTML 编辑功能。您可能会将 Emmet 视为扩展 table.stats>tr*3>td*3 等缩写为辉煌、扩展和完美的 HTML 的工具。但 Emmet 还拥有其他 HTML 编辑技巧。我最喜欢的是“用缩写包装”(在 CodePen 上是 Cmd/Ctrl + Shift + A),但还有更多,例如向内和向外扩展选择以及更改标签。

继续阅读 →

浏览器多样性的价值是什么?

🔗 https://daverupert.com/2020/09/the-value-of-browser-diversity/
阅读评论

2018 年,Rachel Nabors 指出 浏览器多样性类似于生物生态系统多样性。更多的多样性确实存在优势。那篇文章是在 Edge 引擎关闭之前写的,现在 Mozilla 的重大变革再次让人们关注浏览器多样性。

我真的很喜欢 Dave 对此事的想法。浏览器引擎的多样性使网络技术变得缓慢。对许多人来说,这种缓慢令人沮丧,但这种缓慢可以带来价值。

继续阅读 →

使用 Wufoo 表单进行虚拟活动注册

🔗 https://www.wufoo.com
阅读评论

今年,我们看到了许多活动从线下转移到线上。这可能需要您以前收集与会者注册方式发生巨大变化,但使用付费的 Wufoo 帐户和 Zoom - 以及一点 Zapier - 比以往任何时候都更容易实现虚拟化。

继续阅读 →

Winamp 皮肤博物馆

🔗 https://skins.webamp.org/
阅读评论

他们说有 65,000 个皮肤。这非同寻常,尤其是考虑到其中许多皮肤的创意和制作精良。MySpace 甚至掀起了更大的创意定制热潮。

下一个产品是什么,它将通过主题激发这种用户所有权?允许它并不难。您允许人们编写(或链接)他们自己的 CSS,并且理想情况下,为他们提供合理的可以选择挂钩的元素。

小心不要打开任何 XSS 漏洞。更难的技巧是构建人们想要皮肤的东西。一旦你克服了这个障碍,就是要让足够多的人进行主题设计,从而开始激励其他人也这样做。

阅读我!

🔗 https://readymag.com/designs/readme/
阅读评论

Readymag 团队创作的一篇精致的体验式文章,Readymag 是一种用于构建……精致的体验式文章的工具,关于精致的体验式文章。

尽管有所有解决可读性问题的技术,但仍然是设计基础知识将可读文本与不可读文本区分开来。以下是在开发引人入胜的文本和布局时我们自己使用的一些简单规则。

阅读更多

使用 brightness() 过滤器泛型突出显示内容

🔗 https://weblog.west-wind.com/posts/2020/Jul/28/Using-the-brightness-CSS-Filter-to-generically-highlight-Content
阅读评论

Rick Strahl:

我无法告诉你这些年来我实现了多少次自定义“按钮”之类的 CSS 实现。多年来,我使用图像、背景、渐变和不透明度来有效地“突出显示”控件。当然,所有这些都有效,但大多数这些方法的问题在于,无论哪种方式,您都在硬编码颜色值、图像或渐变。

如果您指定确切的颜色,当然可以获得更多控制权,但是如果您能够以一种在您的网站上感觉一致的方式实现亮化、暗化甚至色调转换,那么维护起来肯定少了很多代码,

继续阅读 →

定义“查看源代码”

🔗 https://blog.jim-nielsen.com/2020/the-meaning-of-view-source/
阅读评论

上次围绕“查看源代码”的概念出现 一些活动 时,我确实感觉到并非每个人都对它的含义达成共识。 Jim Nielsen

首先,当我们谈论“查看源代码”时,我们究竟在谈论什么?我认为这是一个需要澄清的重要点,因为它有时没有说出来,因此许多假设潜入了对话中,我们可能会意识到我们并非都在谈论同一件事。

继续阅读 →

AVIF 已上线

🔗 https://jakearchibald.com/2020/avif-has-landed/
阅读评论

今天每个人都在谈论 AVIF,因为 Jake 的博文。正如他们所说,我今天才知道 AVIF 是个东西。但由于网络技术这次领先了一步,我们已经可以利用它了。

继续阅读 →

Quick Hits

# 2024 年 8 月 23 日
# 2024 年 8 月 21 日
# 2024 年 8 月 14 日
# 2024 年 8 月 14 日
更多快速提示 →
  • 更新
  • 1
  • ...
  • 27
  • 28
  • 29
  • ...
  • 219
  • 较旧

CSS-Tricks 由 DigitalOcean 提供支持。

关注 Web 开发最新动态

通过我们精心制作的时事通讯

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

© 2024 . All rights reserved.