Thumbnail for #210: Yapping About Astro

#210 关于 Astro 的闲聊

运行时间:26:28

我认为 Astro 是一个非常酷的用于构建网站的技术!我们应该称之为框架吗?我们将在视频中深入探讨。如果它要求你“带上你的…,我们怎么能称之为框架呢?

观看屏幕录制
Thumbnail for #205: Sticky Positioning: How it Works, What Can Break It, and Dumb Tricks

#205 粘性定位

运行时间:19:17
它是如何工作的

你将 position: sticky; 应用于一个元素,并与 topleftrightbottom 阈值一起使用,当超出阈值时,只要有空间,它就会“粘贴”在该位置…

观看屏幕录制
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 #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,一直到将 SVG 作为系统实施,以及像动画这样的高级功能。

进入课程 →