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

Links

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

使用平台

🔗 https://elisehe.in/2021/08/22/using-the-platform
阅读评论

虽然我内心深处是一位前端开发人员,但我很少有机会全身心投入其中。我一直断断续续地接触 JavaScript,从未完全掌握,每次遇到项目时,总是试图重新熟悉整个生态系统。而且框架疲劳是真实存在的!

所以,与其最终深入研究 Rollup 来替换我们其中一个代码库中古老的 Browserify 构建(也确实需要从 Polymer 升级到 LitElement……),我决定采用“无栈”方式。

Elise Hein

我当然不会对此教条主义,但我认为,如果你能够使用完全零构建过程完成一个项目,在开发过程中会感觉很好,几个月/几年后再回来看时感觉会“非常好”:你只需拿起并继续。

导入,伙计们 - 它们大有作为

对模块化的原生支持是迈向无构建代码库的最重要一步。如果我一生只能使用一个 ES6 特性,我相信在构建良好结构的原生 JavaScript 时,模块将带我走完大部分路程。

那篇 文章中的最后一句话很有冲击力。我想我们已经不远了。

Web Unleashed 回归!(使用优惠券代码“CSS-Tricks”享受 5 折优惠)

🔗 https://fitc.ca/event/webu21/
阅读评论

如今已是第十个年头(!!!),Web Unleashed 是网络开发人员顶级活动之一。它即将到来:**2021 年 10 月 20 日至 22 日**。

阵容强大。您将听到业界领导者的声音,包括 Ethan Marcotte、Rachel Andrew、Harry Roberts、Addy Osmani、Tracy Lee Ire、Aderinokun、Suz Hinton、Shawn Wang、Jen Looper 等等。

立即注册

并且不要忘记优惠券代码 **CSS-Tricks**,因为 5 折优惠是一个非常划算的交易!(这里 是您应用它的位置)

将涵盖许多热门话题,包括响应式设计、图像优化、开源项目、性能指标、Gatsby、GraphQL、应用机器学习、职业发展等等。

但是,说真的,朋友们,听听一个参加过多年此活动的人怎么说……它组织得非常好,您将学到很多东西,而且现在的价格无与伦比。整个会议的价格为 CA $179.16,使用 **CSS-Tricks** 优惠券代码后为 CA $89.91。也就是说…… 赶快去吧。

自供应运行时

🔗 https://www.swyx.io/self-provisioning-runtime/
阅读评论

深刻的思考,来自 Shawn Wang 对行业发展方向的思考。

编程语言和云基础设施这两个领域的进步将融合在一个范式中:程序所需的所有资源将由**自动**配置和优化,由运行它的环境。

我无法像 Shawn 那样表达出来,但这一切都感觉很正确。

我想到了前端开发如何随着时间的推移而蓬勃发展,JavaScript 无处不在(参见:“哎呀,我想我们现在都是全栈开发人员了”)。服务也呈爆炸式增长以提供帮助。哦,嗨,前端开发人员!我看到你们可以编写一些 JavaScript!过来,我们会给你们一个带有 GraphQL 端点的完整数据库!我们会运行你们的云函数!但这意味着有很多人在做这件事,从某种意义上说,他们不应该做这件事(指着自己)。我只能相信这些服务会尽其所能保护我免受自己的伤害。

遵循这条趋势线,运行所有需要运行的内容将变得越来越容易。也许我会像这样编写代码

/*
  - Be a cloud function
  - Run at the edge
  - Get data from my data store I named "locations", require JWT auth
  - Return no slower than 250ms
  - I'm willing to pay $8/month for this, alert me if we're on target to exceed that
*/

exports.hello = (message) => {
  const name = message.data
  const location = locations.get("location").where(message.id);

  return `Hello, ${name} from ${location}`;
};

这只是一些假代码,但您可以理解我的意思。在代码旁边,您解释了使代码运行所需的哪些基础设施,它就会自动执行。前几天我看到了 cloudcompiler.run 的演示,它基本上就是这样。甚至 Netlify 提供的约定 也强烈指向这个方向,例如,将您的 .js 文件放在 functions 文件夹中,我们会处理其余的事情。您只需使用本地相对 URL 访问它。

我实际上认为未来会比这更神奇,猜测您的需求并实现它。

Twitter 的 div 汤和丑化的 CSS,解释

🔗 https://giuseppegurgone.com/twitter-html/
阅读评论

当我开始从事 Web 开发时(2005-2010 年对我来说是形成期),我学到的第一课之一就是拥有一个干净的 HTML 基础。实际上,““漂亮的 HTML 代码是什么样的”” 是这个网站上最受欢迎的文章之一。那篇文章中的 图片 不时会在 subreddits 的热门页面出现。

现在,虽然在像这个网站这样的网站上工作时,我仍然默认以这种方式编写 HTML,但我还在处理根本没有这种 HTML 输出的项目。我不在 Twitter 工作,但以下是在打开 DevTools 并检查那里的 DOM 时可能看到的内容

继续阅读 →

An Event Apart 秋季峰会 2021!(使用优惠券代码 AEACSST21)

🔗 https://aneventapart.com/event/fall-summit-2021?utm_campaign=AEAFS21&utm_medium=email&utm_source=csstricks
阅读评论

网络顶级会议将于今年秋季在线举行,2021 年 10 月 11 日至 13 日:An Event Apart 秋季峰会。如果您已经知道这是一个多么好的会议(即网络上的一些最大创意在 AEA 首次亮相),那么只需购买门票并享受即可。您可以购买这三天中的任意组合。如果您购买两天或更多天,该优惠券代码 **AEACSST21** 可享受 100 美元的优惠。

继续阅读 →

拥抱非对称设计

🔗 https://www.bennadel.com/blog/4102-embracing-asymmetrical-design-and-overcoming-the-harmful-effects-of-text-overflow-ellipsis-in-css.htm
阅读评论

我永远不会忘记 Karen McGrane 给世界上的一个重要教训:**截断不是内容策略。** 意思是,仅仅以编程方式剪掉文本是一种蛮力方法,并且避免了导致良好体验的那种真正的思考和计划。

继续阅读 →

imba

🔗 https://imba.io/
阅读评论

并非每天都能看到一个用于构建网站的新处理器,它会重新发明 HTML、CSS和JavaScript 的语法。这就是 imba 所做的。

继续阅读 →

在 CSS 中设计漂亮的阴影

🔗 https://www.joshwcomeau.com/css/designing-shadows/
阅读评论

我最喜欢的博客文章类型是,当有人选择一个我仅仅思考了五分钟的主题,然后说——不!——这是一个值得撰写论文的巨大话题。看看你能用这个小小的 CSS 属性做多少事情!

当我看到 Josh Comeau 撰写的这篇关于在 CSS 中设计漂亮阴影的文章时,我想起了这一点。

继续阅读 →

阴影根和继承

🔗 https://kittygiraudel.com/2021/08/23/shadow-roots-and-inheritance/
阅读评论

为 <details> 元素设置样式存在一个非常棘手的错误,如 Kitty Giraudel 在此处所述。它足够晦涩,您可能永远不会遇到它,但如果您遇到,我认为它会非常令人困惑(至少对我来说会很困惑)。

也许您了解 Shadow DOM?在讨论 Web Components 时经常会谈到它,并且在考虑 <svg> 和 <use> 时也会出现。但 <details> 也有一个 Shadow DOM

继续阅读 →

2021 年滚动调查报告

🔗 https://webdev.ac.cn/2021-scroll-survey-report/
阅读评论

这是一个常见的想法和问题:浏览器如何优先处理它们的工作?我们有时会瞥见它。我们被告知在错误跟踪器中“加注星标”以表示兴趣。我们被告知要参与规范问题的 GitHub 线程。我们被告知他们确实阅读博客文章。而且,有时,我们可以看到调查结果。Chrome 在 4 月份进行了一项关于网络滚动的调查,并 发布了结果,并附带了一篇 博客文章。

继续阅读 →

Quick Hits

# 2024 年 8 月 23 日
# 2024 年 8 月 21 日
# 2024 年 8 月 14 日
# 2024 年 8 月 14 日
更多快速提示 →
  • 更新
  • 1
  • ...
  • 9
  • 10
  • 11
  • ...
  • 219
  • 较旧

CSS-Tricks 由 DigitalOcean 提供支持。

随时了解 Web 开发动态

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

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

© 2024 . All rights reserved.