Thumbnail for #210: Yapping About Astro

#210 关于 Astro 的闲聊

运行时间:26:28

我认为 Astro 是用于构建网站的非常酷的技术!我们应该称之为框架吗?我们将在视频中讨论这个问题。如果它要求您“带上您的......”我们怎么能称之为框架呢?

观看屏幕截图
Thumbnail for #202: Centered List Markers

#202 居中的列表标记

运行时间:10:13

就像 CSS 中的许多事情一样,即使是像居中列表标记这样微不足道的事情,也有很多需要了解的小细节。

一位读者发来了一张他们试图完成的截图——基本上是一个......

观看屏幕截图
Thumbnail for #201: Doing Booping

#201 做“哔哔”效果

运行时间:15:42

Joshua Comeau 创造了“哔哔”一词(击掌,Adam Kuhn)。这些有点像悬停/聚焦状态,但实际上它们不是。您的东西——比如链接、按钮等——仍然应该具有这些状态。“哔哔”是一种更......

观看屏幕截图
Thumbnail for #199: Messing with JSX

#199 搞乱 JSX

运行时间:12:22

我可能应该早点学习它,但现在已经来不及了。事实证明,您可以指定 JSX 要使用的函数。是的,JSX 实际上只有一个主要转换。它将尖括号......

观看屏幕截图
Thumbnail for #198: About the Position Property

#198 关于 position 属性

运行时间:13:56
  • static: 默认值
  • relative: 允许您使用 top/right/bottom/left 进行微调,使 z-index 起作用,为您提供定位上下文
  • absolute: top/right/bottom/left 移动元素
...
观看屏幕截图
Thumbnail for #195: How to Draw a Line with CSS

#195 如何使用 CSS 绘制线条

运行时间:16:00

非常简单,对吧?确实如此!但花几分钟思考并计算出我们可以用多少种不同的方法来做到这一点会很有趣。我所说的线条到底是什么意思?我们主要讨论......

观看屏幕截图
Thumbnail for #193: Scully: the SSG for Angular

#193 Scully

运行时间:01:03:24

Tara Z. Manicsic 加入我制作了这个视频,设置了 Scully 的基础知识,Scully 是 Angular 的静态网站生成器——正如 Tara 指出,它是 Angular 的唯一 SSG。

我对 Angular 不太了解......

观看屏幕截图

免费视频课程

视频课程(2015 年)

您需要了解的关于 SVG 的一切

使用 SVG 可能非常简单,但如果您开始深入研究,就会发现关于 SVG 有很多东西需要了解。在这个系列中,您将学习为什么 SVG 是构建网站如此重要的组成部分。从 SVG 的用途和如何获得 SVG,到将其作为系统实施,以及动画等高级功能。

访问课程 →