首页 >web前端 >css教程 >这个网站是技术演讲

这个网站是技术演讲

Joseph Gordon-Levitt
Joseph Gordon-Levitt原创
2025-03-25 09:44:11709浏览

这个网站是技术演讲

扎克·莱瑟曼(Zach Leatherman)由扎克·莱瑟曼(Zach Leatherman)撰写的这个文字技术演讲(嵌入其中的YouTube视频)是个好时机。演讲充满了有趣的技巧,所以我只是在这里做一些笔记:

  • 我不知道他是如何推出“键盘上的爆炸并获得完美代码”的,但这让我想起了杰克·阿尔伯(Jake Albaugh)的“自我编码”笔。
  • 在上添加可满足的内容使整个页面可编辑!您知道document.designmode =“ on”在JavaScript中是否同样的事情? (更多关于使DevTools成为设计工具的更多信息。)
  • 键入一次以两个元素的形式发生。 Codepen支持这一点!只需CMD单击您希望另一个的编辑器,或者将其制成摘要的一部分。
  • 系统字体很好。我喜欢他们与System-UI调用的容易。 Firefox似乎并不支持这一点,所以我想我们需要整个堆栈。我想知道我们只需要一个值有多近。 Iainbean在他的“系统字体不必丑陋”的帖子中对此有更多的作用。
  • Box-Decoration-Break是“内联标头”的一个很好的触感。这里使用@supports很有意义,因为它不仅是使用的一个属性,而且是几个属性。因此,在不支持的情况下,您不想应用所有内容。
  • 在某些
  • 元素中拍摄以比较渲染策略是一种完美的UI,即使没有CSS也是如此。
  • 在构建过程中,在构建过程中提出110 do语法非常酷。我仍然在此站点上使用Prism.js,这是一项出色的工作,但是我做了客户端。我真的很喜欢这个11ty插件在引擎盖下仍然是棱镜,但是只会在构建页面时发生。我很想在此WordPress网站上进行此操作,我敢打赌,因为无论如何我们的块编辑器中的代码块都是自定义的JavaScript构建。
  • 在第一个项目符号上,我写道,我不知道Zach是如何进行“键盘上的敲打并获得完美的代码”,但是如果您观看有关语法的突出显示并继续前进的一点,则Zach展示了它,这是有点敏捷的。

我认为Zach的总体要点很强:我们应该质疑任何单页应用程序默认网站的建筑策略。

作为一汤匙的婴儿熊粥,我想说我是静态站点生成器和JavaScript框架的粉丝。 JavaScript框架提供了一些用于构建数字产品的好主意:组件和状态。有时,这意味着客户端渲染实际上对网站的互动性和整体感觉有所帮助,但是当客户端渲染出现默认情况下而不是作为考虑的选择时,这是不幸的。

直接链接→

以上是这个网站是技术演讲的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn