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

Links

我们正在阅读并思考的一些网络资源。有没有我们应该知道的链接?告诉我们!

构建更好的网页浏览器

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

哈佛大学计算机科学副教授 James Mickens 做了一个关于网页浏览器各种缺陷以及如何使其更安全、更强大的演讲。

为了修复浏览器,我们需要彻底重构浏览器架构……因此,我特别建议我们大幅缩减浏览器本身的职责,并将更多职责赋予网页。因此,在这个新模型中,网页开发者定义自己的渲染引擎、脚本引擎和标记解析器。

未来网页开发者可能对网络底层技术拥有如此大的控制权的想法完全令人难以置信。James 提供了一些很好的例子来说明为什么我们需要这么多的控制权,以及那些不发送自己的标记解析器或渲染引擎的网页将如何逐步回退到浏览器提供的任何内容。

然而,对我来说最有趣的是 James 提出的问题,而不是他的建议。即,网页和浏览器之间应该是什么关系?开发者应该拥有多少控制权?我们需要哪些技术才能构建一个功能正常的网站?

ShopTalk 2015 年假日礼品指南

🔗 http://shoptalkshow.com/2015-gift-guide/
阅读评论

Dave 和我在 ShopTalk 上定期讨论一些事情。我们使用的某些硬件。我们喜欢的软件。我们推荐的书籍。使生活更轻松的服务。我们将它们整理成一个针对假日的清单。享受!

更小、更快的网站

🔗 https://bocoup.com/weblog/smaller-faster-websites
阅读评论

Mat Marquis 在 TXJS 2015 上的演讲是对性能、响应式图像以及尽可能以最认真负责的方式构建网站的号召。

作为行业,我们几乎认定只要我们不计算我们做得糟糕的情况,我们就做得很好。我们希望用户考虑“网站”——同情我们——而不是他们来到这里的理由。每次他们试图坐在椅子上时,我们都在让他们听关于家具设计的讲座。

试用“Let’s Encrypt”

🔗 http://timkadlec.com/2015/12/taking-lets-encrypt-for-a-spin/
阅读评论

Let’s Encrypt 是一个开放的证书颁发机构,一个颁发证书以使您的网站能够使用 HTTPS 的实体,这是一个一直以来都很困难的过程。Tim Kadlec 尝试了一下。

关心 OpenType 特性

🔗 http://practice.typekit.com/lesson/caring-about-opentype-features/
阅读评论

排版爱好者 Tim Brown 撰写了一篇关于如何使用网络字体的 OpenType 特性进行排版增强的优秀文章。这些增强可以很微妙,例如连字符和小型大写字母,但其他工具(如字距调整或上下文替换)通常会对整体阅读体验产生重大影响。

OpenType 特性不仅仅是花哨的装饰和多余的连字符,它们是字体的“超能力”。最好、最强大的字体充满了复杂的推理和令人愉悦的惊喜——这些东西通常是字体设计本身不可或缺的一部分,或者有助于字体更好地完成特定的排版任务。

使用 Picture 元素的内在占位符

🔗 http://daverupert.com/2015/12/intrinsic-placeholders-with-picture/
阅读评论

通过使用内在比率和 picture 元素,Dave Rupert 描述了他试图停止页面在图像加载时笨拙的重新流动的尝试。他还向我们展示了如何使用 background-color 为此元素设置样式,以向用户提供更优雅的加载体验。

我为什么对原生 CSS 变量感到兴奋

🔗 http://philipwalton.com/articles/why-im-excited-about-native-css-variables/
阅读评论

Philip Walton

原生 CSS 变量不仅仅是试图复制 CSS 预处理器已经可以做的事情。事实上,如果你阅读一些最初的设计讨论,你会发现原生 CSS 变量的大部分动机是**为了能够做一些你无法用预处理器做的事情**!

CSS 预处理器是很棒的工具,但它们的变量是静态的并且具有词法作用域。另一方面,原生 CSS 变量是一种完全不同类型的变量:它们是动态的,并且作用域限定到 DOM。事实上,我认为称它们为变量本身就令人困惑。它们实际上是 CSS 属性,这赋予了它们一组完全不同的功能,并使它们能够解决一组完全不同的问题。

(扩展强调是我的。)

我关闭了 JavaScript 整周,感觉棒极了

🔗 http://www.wired.com/2015/11/i-turned-off-javascript-for-a-whole-week-and-it-was-glorious/
阅读评论

正如你所料,我遇到了一些问题。Netflix 无法使用。YouTube 也无法使用,至少在不打开 Adobe Flash 的情况下无法使用,这有点违背了关闭 JavaScript 的目的。当然,如果没有 JavaScript,你也可以忘记使用 Google Docs 了。

但最令人惊讶的是,大多数东西都能正常工作。而且在很多情况下,工作得更好。页面加载速度几乎瞬间完成,我的笔记本电脑电池续航时间更长,我可以减少干扰地浏览网页。

一个没有 JS 的世界是不可能的,但它确实引发了关于我们以工具为先的网站开发方法的有趣讨论,并且与我们最近关于 使用 ServiceWorker 构建离线网站 的文章完美契合。

Martin Wolf 的看法 非常有趣。

他无需 Javascript 的体验非常棒,以至于他在一周后重新打开了它。

最近的一些很棒的 Flexbox 链接……

🔗 http://flexboxfroggy.com/
阅读评论
  • Flexbox Froggy:Thomas Park 开发的一款游戏,通过放置青蛙来学习不同的 flexbox 属性和值。
  • Flexbox 网格技巧:Heydon Pickering 展示了 flexbox 的一个有用特性,即带有剩余盒子的网格可以分布在最后一行。但你可以稍微调整一下,确保不会出现 4-4-4-1 的情况,而是使用一些 min-width 和 :nth-child 东西得到 4-4-3-2 的情况。
  • Flexbox 最佳秘诀:Sam Provenza 展示了一种无需增加元素本身大小(或影响其他元素)即可将 flex 项目彼此推开的方法,使用自动 margin。

赞助商:The Iron Yard

🔗 http://synd.co/1SuHrxz
阅读评论

The Iron Yard 是全球最大、发展最快的线下代码学校之一。The Iron Yard 致力于通过技术教育为人们、他们的公司和社区创造真正、持久的改变。它提供后端和前端工程、移动、数据科学和设计的全日制课程。在美国各地有 14 个校区,在英国有一个校区,并且很快就会开设更多校区。为期 12 周的沉浸式课程格式帮助人们学习编码,并具备成为初级软件开发人员所需的技能。

如果您正在考虑将编程作为职业生涯并希望改变您的生活,请通过联系 The Iron Yard迈出第一步。

Quick Hits

# 2024 年 8 月 23 日
# 2024 年 8 月 21 日
# 2024 年 8 月 14 日
# 2024 年 8 月 14 日
更多速览 →
  • 更新
  • 1
  • ...
  • 131
  • 132
  • 133
  • ...
  • 219
  • 较旧

CSS-Tricks 由 DigitalOcean 提供支持。

关注网页开发最新动态

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

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

© 2024 . All rights reserved.