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

Links

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

使用特性查询的基本网格布局和回退

🔗 https://www.chenhuijing.com/blog/basic-grid-with-fallbacks/
阅读评论

我经常看到很多人问关于 CSS Grid 中的回退以及我们如何为不支持这些新奇技术的浏览器设计的问题。 但从现在开始,我将把他们发送到 HJ Chen 的这篇文章。 它深入研究了我们如何使用 @supports 以及我们如何确保我们的布局在任何浏览器中都不会崩溃。

不会写 JavaScript 的人是否有价值?

🔗 https://medium.com/@mandy.michael/is-there-any-value-in-people-who-cannot-write-javascript-d0a66b16de06
阅读评论

Mandy Michael

如果你在工作中只做写 JS,那很棒,你很棒,就像所有写 CSS 或专注于特定领域的人一样,比如无障碍、SVG、动画等等。

我非常担心的是,许多人仍然没有看到在 CSS & HTML 中精通的价值。 我不明白这种态度。 我们所有人一起为我们的行业创造价值。

+1 在所有 Mandy 的观点上。

我怀疑随着设计趋势向更复杂的风格转变,HTML 和 CSS 技能的吸引力会回升。 更有趣的布局就是其中之一。 我倾向于发现那些只涉足 HTML/CSS 的开发人员在涉及布局的从头开始工作时会很快失败。 这里还有很多灰色地带。 例如,我写 Ruby 代码,但在遇到中等复杂的事情时,我很快就会失败。

我还怀疑这场对话的根源在于 HTML、CSS 和 JavaScript 如此交织在一起,看到其他人停留在前两个,有些人会感到不舒服。

lite.cnn.io

🔗 http://lite.cnn.io
阅读评论

这个小网站从 CNN 中提取所有主要故事,并从设计中剥离几乎所有内容; 样式、图像、字体、广告、颜色。 没有,零,消失。 乍一看,它看起来只是一些超文本,感觉是一个非凡的改进,但 Sam Saccone 开启了一条线程 关于该团队可以用来使体验更快的一些潜在改进,例如服务器端渲染以及用更小的东西(如 Preact)替换 React 框架。

无论哪种方式,这种新闻设计方法都是令人耳目一新的。 然而,除了 Twitter 上的公告,我无法找到关于构建此版本 CNN.com 的动机的更多信息。 当然,如果 CNN 特别为那些身处灾难性情况中的人构建了这个,而这些人的电池续航时间和加载时间可能是生死攸关的问题,那将非常令人着迷。

编译器是新的框架

🔗 https://tomdale.net/2017/09/compilers-are-the-new-frameworks/
阅读评论

Tom Dale

越来越多的情况下,交付给浏览器的字节与 Web 开发人员编写的源代码越来越不像。

的确。 我 怀疑 也是这样。

因为性能非常重要,并且有很大的机会在性能方面变得聪明,所以我们将看到在将代码库交付到生产环境中方面的创新。 像 webpack(树摇动、代码拆分)这样的工具已经在这里做了很多,但还有很多空间让自动化工具在我们的代码最终交付到浏览器的方式上发挥神奇作用。

Tom 还说

这在某种程度上是一种损失(还有谁从 View Source 开始他们的 Web 开发?),但对用户来说是一个巨大的胜利,特别是在新兴市场。

在我看来,当今的 GitHub、StackOverflow 以及学习资源的激增,不仅仅弥补了通过我们自己的网站探索来学习的不足,更不用说当今的 DevTools 多么有洞察力,即使它们查看的不是手工编写的代码。

6 个月的远程工作教会了我十件事

🔗 https://dev.to/peteranglea/6-months-of-working-remotely-taught-me-a-thing-orten
阅读评论

Peter Anglea 写下了他在一个新的前端职位上工作了 6 个月后的主要收获。 他的观点对我这个远程工作者来说很有道理,有趣的是,每个建议实际上都适用于几乎任何前端工作中的任何人,无论是在公司内部还是远程。

继续阅读 →

平均网页大小为 3MB。 我们应该关心多少?

🔗 https://speedcurve.com/blog/web-performance-page-bloat/
阅读评论

Tammy Everts 深入探讨了平均页面大小,它似乎逐年增长。

随着性能成为我们心中日益关注的问题,平均页面大小逐年增长的趋势有点令人困惑,但 Tammy 拥有敏锐的洞察力,值得阅读,因为她建议用户体验并不总是关于页面大小,并且膨胀绝不是我们应该关注的唯一指标。

继续阅读 →

屏幕阅读器和 CSS:我们正在过时吗(并进入内容)?

🔗 http://webaim.org/blog/screen-readers-and-css/
阅读评论

这篇文章中的主要收获是,屏幕阅读器并不总是像在 CSS 中样式化的那样读取内容。 再加上并非所有屏幕阅读器都以相同的方式说话或读取标记,并且它们在不同浏览器中渲染内容的方式存在差异,结果会变得...... 好吧,不同。 就像跨浏览器测试 CSS 一样,但使用语音。

继续阅读 →

升级您的 JavaScript 错误监控

🔗 http://synd.co/2xOZsTR
阅读评论

使用 Bugsnag 自动检测和诊断影响用户的 JavaScript 错误。 获取全面的诊断报告,立即了解哪些错误值得修复,并以比传统工具快得多的速度进行调试。

继续阅读 →

看在上帝的份上,请告诉我你的公司做什么

🔗 https://medium.com/@kasperkubica/for-the-love-of-god-please-tell-me-what-your-company-does-c2f0b835ab92
阅读评论

Kasper Kubica 对公司在网站上描述自己的方式进行了一番幽默的抨击。

我越来越经常地,在发现一家新公司或新产品后,会访问他们的网站,希望能了解他们做什么,但反而会被一大堆关于他们“团队”和“价值观”的流行语所困扰。 这不是配菜——这是这些网站的主要菜肴,对公司产品或服务的连贯解释很少占据菜单上的脚注。

继续阅读 →

打破网格

🔗 https://daverupert.com/2017/09/breaking-the-grid/
阅读评论

如果你认为 CSS Grid 可以解决溢出内容逃脱水平布局限制的问题,那么再想一想。 Dave Rupert 写了两篇关于他如何无意中打破网格边界以及如何将其整理回位的文章。

继续阅读 →

Quick Hits

# 2024 年 8 月 23 日
# 2024 年 8 月 21 日
# 2024 年 8 月 14 日
# 2024 年 8 月 14 日
更多快速提示 →
  • 更新
  • 1
  • ...
  • 99
  • 100
  • 101
  • ...
  • 219
  • 旧的

CSS-Tricks 由 DigitalOcean 提供支持。

关注 Web 开发动态

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

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

© 2024 . All rights reserved.