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

Links

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

(调查) JavaScript 状态 2016

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

初步结果 #1 有趣的结论:74% 没有使用过 React 的人有兴趣学习它,92% 使用过 React 的人会再次使用它(两个图表都排在第一位)。 Vue 在“会再次使用”方面紧随其后。 在鲜为人知的框架中,Aurelia 是最受推荐的。

初步结果 #2 有趣的结论:很少有人使用 TypeScript(或 Elm),但有大量想要学习的人。 CoffeeScript 在“以前使用过”方面的数字很高,而“会再次使用”的数字却很低。 人们倾向于喜欢 JavaScript 以及他们当前的编写方式。

Babel 插件添加函数名称

🔗 https://github.com/babel/babel/tree/master/packages/babel-plugin-transform-es2015-function-name
阅读评论

你有没有使用过那些很棒的 ES6 箭头函数,遇到问题后才发现你的堆栈跟踪都是匿名函数?是的,这并不好。 这就是为什么这个 Babel 插件非常有用。 你可以在你的 ES6 箭头函数中添加名称,这使得调试变得更加简单。

赞助帖子

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

我们在 CSS-Tricks 上做广告! 我们喜欢它。 它是 网络生命之轮 的一部分。 产品和服务与出版商在全球生态系统中共存,每个人都专注于自己擅长的领域。

我们实际上试图在这里让广告变得更好。 没有烦人的东西,没有垃圾产品或服务,没有跟踪,赞助商都被标记为赞助商。 除了让我们晚上睡得着觉,它还让广告更有效。

这里最有效的广告类型之一是赞助帖子。 我可以与你直接合作撰写帖子,以帮助你了解你的产品或服务如何能为我们这些前端开发人员和设计师带来好处。 你应该预订一个。

事件循环到底是什么?

🔗 https://www.youtube.com/watch?v=8aGhZQkoFbQ&feature=youtu.be
阅读评论

2014 年,Philip Roberts 在 JSConf EU 上发表了一场很棒的演讲,讲解了事件循环,并为我们这些没有计算机科学学位的人分析了 JavaScript 在幕后做了什么。 我前几天在 Twitter 上看到了这个演讲,非常喜欢。 尽管它已经过去几年了,但它经受住了时间的考验,仍然是一个很棒的资源。

CSS “锁”

🔗 http://blog.typekit.com/2016/08/17/flexible-typography-with-css-locks/
阅读评论

Tim Brown 使用了一个新的(比喻性的)术语来描述一个可以在两个设定值之间波动的值

在运河和河流航行中,锁是一种用来将船只升降到不同水位之间的设备。 这就是我们的公式所实现的功能。 我们的公式是一个 CSS calc“锁”。

波动 在 1.3em 和 1.5em 行高之间,具体取决于屏幕宽度

line-height: calc(1.3em + (1.5 - 1.3) * ((100vw - 21em)/(35 - 21)));

Bram Stein 为 PostCSS 制作了 一个辅助插件。

“锁”的一部分是一个额外的媒体查询,它覆盖了极端值之一的值。 类似于 Mike Riethmuller 在玩熔融领先时所做的,以及 Eduardo Bouças 如何使用最小值和最大值来处理视窗大小的字体。

10k Apart

🔗 https://a-k-apart.com/
阅读评论

今年是 An Event Apart 的十周年纪念。 为了庆祝,他们举办了一场名为 10K Apart 的比赛,人们可以在其中展示他们在 10kB 数据中能完成什么。 这并不是一个新的比赛 - 它最初的起源是一个名为 5k 的项目,早在 2000 年至 2002 年间。 今年的赞助商是 Microsoft Edge,他们将为参赛者提供10,000 美元的奖金。 评审团由来自 Web 开发领域的顶尖专业人士组成,其中包括像 Sara Soueidan、Lara Hogan、Mat Marquis、Rachel Andrew 和 Heydon Pickering 这样的才华横溢的人。

这项比赛非常令人兴奋,因为它关注的是我们这些 Web 开发人员都应该思考的事情。 就渐进式增强而言,什么是可用的基线? 我们如何才能巧妙地让我们的网站对各种用户都可用? 除了性能方面的明显优势,这场比赛还将注意力集中在可访问性、为性能而设计以及该领域的有趣创新上。

参加比赛吧! 它应该非常有趣。 我的贡献是你在网站首页看到的 SVG 动画(点击手柄观看它再次运行),它是在不到 10kB 的情况下使用 SVG 和 GreenSock 创建的,特别感谢 SVGOMG 在 SVG 优化方面的帮助。 Aaron Gustafson 是 Microsoft Edge 的成员,他一直在努力开发网站,你所看到的一切都在 10kB 以内,这真的很酷。

设计更好的数据表格

🔗 https://medium.com/mission-log/design-better-data-tables-430a30a00d8c
阅读评论

Matthew Ström 谈论如何通过对齐、规则、标签、背景和所用数字类型来改善数据表格

旧式数字在句子中看起来很好看,因为它们更匹配小写字母的大小和间距;衬线数字更统一,增强了表格的网格结构。

可扩展 Web 组件

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

Jeremy Keith 对 Web 组件的一些有趣想法,表达了他对此的担忧

将 Service Workers 与 Web 组件进行比较。

首先,问一下“谁从这项技术中获益?” 在 Service Workers 的例子中,是最终用户。 他们获得了速度更快的网站,这些网站能够更好地处理网络故障。 在 Web 组件的情况下,没有直接的最终用户利益。 Web 组件的存在是为了让开发人员的生活更轻松。 这绝对没问题,但是通过使用 Web 组件获得的任何开发人员便利性都不能以牺牲用户为代价——这个代价太高了。

WordPress 中的 SVG 上传(令人不方便的事实)

🔗 https://bjornjohansen.no/svg-in-wordpress
阅读评论

Bjørn Johansen 解释了为什么

  1. 在 WordPress 中启用 SVG 上传很容易(几行添加到 functions.php 文件或功能插件中)
  2. WordPress 不 默认允许它们是有道理的。

Jake Archibald 在评论中写道

事后看来,可能应该有两种内容类型,一种将 SVG 视为完整的文档上下文,另一种将其视为简单的图像(浏览器今天对 SVG 的处理方式,无法执行脚本或启动获取)。

同意。

我还有一个朋友告诉我:“我会买你的 新书,但 WordPress 不允许使用 SVG,而我在 WordPress 上工作。” 我会说,只有媒体上传器不允许使用它们,正如这篇文章所述,启用它们很容易(只要你意识到风险)。 但你可以随意将 SVG 用作主题的一部分。

CSS 写入模式

🔗 https://ishadeed.com/article/css-writing-mode/
阅读评论

Ahmad Shadeed 带来了一个货真价实的 CSS 技巧

我注意到一个名为 writing-mode 的 CSS 属性,这是我第一次知道它。 研究后,我了解到它的目的是为了垂直语言脚本,比如汉语或日语。 但是,有趣的是,当把它用于英语时,我们可以非常轻松地创建垂直文本。

即使在英语中,writing-mode: vertical-lr; 也可以帮助我们垂直布局文本,而无需进行大量定位、占位符和变换操作。

Quick Hits

# 2024 年 8 月 23 日
# 2024 年 8 月 21 日
# 2024 年 8 月 14 日
# 2024 年 8 月 14 日
更多快速提示 →
  • 更新
  • 1
  • ...
  • 121
  • 122
  • 123
  • ...
  • 219
  • 较旧

CSS-Tricks 由 DigitalOcean 提供支持。

关注 Web 开发的最新动态

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

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

© 2024 . All rights reserved.