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

Links

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

浏览器实际上是如何渲染网站的?

🔗 https://www.youtube.com/watch?v=SmE4OwHztCc
阅读评论

Ryan Seddon 关于浏览器表面之下发生的事情的演讲。 令人惊讶的是,默认情况下,HTML 非常宽容且有弹性。

将思想融入事物

🔗 https://ia.net/know-how/putting-thought-into-things
阅读评论

信息架构师 2014 年关于现代网络设计过程的文章

  1. 制作树形结构
  2. 用 Photoshop 处理首页、栏目页和文章页
  3. 在 WordPress 或其衍生版本上进行修改
  4. 填写内容
  5. 抱怨人们很愚蠢,或者很邪恶,或者两者兼而有之

网络项目失败是因为除了我们以外的每个人都很愚蠢吗? 还是邪恶? 或者两者兼而有之? 是因为小型代理机构的预算和时间都很少吗? 因为成熟的网页设计师经常说谎? 因为虽然布局很棒,但内容很糟糕? 因为内容很棒,但布局很糟糕?

还是因为我们有 22 个抽屉装满了舒适的工具、幻想和借口,来逃避坐下来思考的痛苦?

你可以尽情地抱怨这件事,并发表尖酸刻薄的评论,但没有任何技术或技术可以解决缺乏思考的问题。 相反! 添加更强大、更快、更多技术只会放大我们的无思。 这就是为什么我们正在污染在线海洋的数据塑料汤并没有让我们在解决切实问题方面变得更好。

构建和交付功能性 CSS

🔗 https://blog.colepeters.com/building-and-shipping-functional-css/
阅读评论

Cole Peters 撰写了一篇关于他重构 TrialReach CSS 代码库的精彩文章

到目前为止,我们对 TrialReach 的功能性 CSS 方法已经取得了非常好的效果 - 我们显著降低了 CSS 的复杂性和膨胀程度,并且发现自己比创建新样式更频繁地重用现有样式……

关于 Cole 的文章,我发现了一些有趣的笔记

  • 样式指南充当指南,而不是良好设计的最终仲裁者。
  • 我仍然不确定像 u-py4 这样的类名是否具有可读性。 但是,如果你选择创建像 u-padding-top--small 这样的类,并且你会拥有很多类似的功能类,那么开发人员最终将不得不解析大量文本才能了解一切是如何工作的。 也许以这种方式缩写类仅仅是你使用得越多,就越习惯的事情之一。
  • 标记中的大量类本身并不是什么坏事,无论是对于开发人员的可操作性还是 性能。
  • 对于我们所有的前端问题,永远不存在一个解决方案:我之前在更小的项目中使用过类似的方法,它似乎只是阻碍了我编写代码。 有些网站不需要由多个开发人员维护,在这些情况下,代码库的质量可以,嗯,灵活。

新改进的 Illustrator SVG 导出设置

🔗 https://helpx.adobe.com/illustrator/how-to/export-svg.html
阅读评论

如果你使用 Illustrator 来处理 SVG,你会喜欢昨晚发布的版本。 所有新功能都简化了工作流程。 其中一些功能包括

  • 更好的默认代码,更易于手动编辑
  • 更好的 ID(#foo_1_ 时代已经过去了),带有用于唯一 ID 或图层名称的新选项
  • 能够一次导出选定的元素
  • 更高质量的 SVG 形状、渐变、图案、符号和蒙版对象的输出
  • 能够更改小数位精度
  • 能够在最终确定之前查看导出的代码输出
  • 更轻松地导出多个画板,并使用包含所有元素的新默认 viewBox。

这些功能在“导出”中可用,而不是在“另存为”中可用,建议您保留原始 .ai 文件以供将来迭代。

为您的品牌制作动画

🔗 https://24ways.org/2015/animating-your-brand/
阅读评论

Donovan Hutchinson 启动了今年的 24 ways,这是一个网络极客的节日日历,它一直是结束一年的好方法。

他们有一个 RSS 订阅,并且我知道 42% 的读者 使用 RSS 阅读这个网站,这可能是一个有趣的选项。 我一直在使用 Digg.com 作为 RSS 阅读器。

构建 HTTP/2

🔗 http://rmurphey.com/blog/2015/11/25/building-for-http2
阅读评论

Rebecca Murphey

这些都是颠覆你过去所知的一切。 在 HTTP/2 世界中,将一堆 JS 文件拼接在一起的好处很少,在很多情况下,这种做法实际上是有害的。 域名分片成为一种反模式。 在你的 HTML 中随意添加一堆 <script> 标签突然之间不再是一个可笑的想法。 资源内联已经成为过去。 浏览器缓存 - 以及缓存失效 - 可以按模块进行。

我不禁想到,有一天网络开发可能真的有意义。

元数据标记

🔗 https://adactio.com/journal/9881
阅读评论

Jeremy Keith 关注了 head 中元数据的竞争标准,这些元数据最终帮助 Slack、Twitter 和 Facebook 等服务创建网站内容的预览。 不幸的是,缺乏共识对于开发人员来说是一个令人恼火的问题

我们之前见过这种浪费。 我记得当 Netscape 和 Microsoft 在浏览器大战中争夺天下时:Internet Explorer 添加了一个专有的 acronym 元素,而 Netscape 添加了 abbr 元素。 它们基本上都做着同样的事情。 多年来,Internet Explorer 仅仅出于报复就拒绝实现 abbr 元素。

商店 40% 折扣

🔗 https://css-tricks.cn/shop/
阅读评论

你今天一直在网上寻找打折促销活动,却一无所获? 我们商店里有一些 CSS-Tricks T 恤和连帽衫,现已打 40% 折扣(使用优惠券代码 trikzare4kids),有效期至周一。

如果您是 S 号或 XXL/XXXL 号,大多数设计都有售。 如果你穿 M 号或 L 号,那就没有那么多,但我们希望很快能推出一些新的有趣商品。

推出响应式设计

🔗 http://alistapart.com/article/rolling-out-responsive
阅读评论

使用响应式设计重新设计网站? 技术方面可能很具有挑战性,但与你在开始之前所要做的决策、流程定义和组织协调相比,却显得微不足道。 Karen McGrane 有关于所有这些内容的新书,名为 Going Responsive,这个链接文章链接到该书的第 2 章,发布在 A List Part 上。

关于书籍的其他消息,Christopher Schmitt 正在创作一本关于这些推出选项之一的书籍:改造。 Ethan Marcotte 也有一本新书:Responsive Design: Patterns & Principles.

WPO 统计数据

🔗 http://wpostats.com/
阅读评论

WPO 代表“Web Performance Optimizations”,我相信。

展示性能优化对用户体验和业务指标的影响的案例研究和实验。

真正的公司,真正的性能变化,真正的影响。 你知道,一些小事,比如

史泰博将主页的平均加载时间缩短了 1 秒,并将第 98 个百分位的加载时间缩短了 6 秒。 因此,他们看到转化率提高了 10%。

Quick Hits

# 2024 年 8 月 23 日
# 2024 年 8 月 21 日
# 2024 年 8 月 14 日
# 2024 年 8 月 14 日
更多精彩内容 →
  • 较新
  • 1
  • ...
  • 132
  • 133
  • 134
  • ...
  • 219
  • 较旧

CSS-Tricks 由 DigitalOcean 提供支持。

关注 web 开发最新动态

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

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

© 2024 . All rights reserved.