Thumbnail for #70: Random Pet Peeves

#70 随机的个人烦恼

运行时间:30:55

我只是随机地列举了一些我对于从OS X到Photoshop再到WordPress和CSS的一切的小烦恼和抱怨。我刚说完就又想到了大约5个,但我还是会饶了你们!……

观看屏幕录像
Thumbnail for #69: First Ten Minutes with TypeKit

#69 使用TypeKit的前十分钟

运行时间:13:42

我收到了TypeKit的邀请,注册了,并在短短几分钟内就在我的页面上使用了漂亮的自定义字体。我将向您展示从头到尾的整个过程,并触及优缺点……

观看屏幕录像
Thumbnail for #68: Think Geek Background Fade Technique

#68 Think Geek背景渐变技巧

运行时间:22:19

此视频演示了Think Geek 3.0网站上看到的技巧。网站底部有一个机器人设计的图案,当屏幕滚动到底部时,颜色渐变为黑色,并且……

观看屏幕录像
Thumbnail for #67: jQuery Part 3 – Image Title Plugin

#67 jQuery第3部分 - 图片标题插件

运行时间:33:56

此视频重点介绍如何将一个已经存在的创意和代码变成一个jQuery插件。在这种情况下,它有助于使我们的代码尽可能语义化,并且在关闭JavaScript的情况下,可以很好地降级。我们涵盖了……

观看屏幕录像
Thumbnail for #65: Advanced Uses for Custom Fields in WordPress

#65 WordPress中自定义字段的高级用法

运行时间:47:48

与任何其他单个功能相比,使WordPress成为CMS(而不是仅仅是一个博客平台)的是自定义字段。自定义字段是与帖子和页面一起传递的数据块,以键值对的形式存在。这些数据可以……

观看屏幕录像
Thumbnail for #63: On Screencasting

#63 关于屏幕录制

运行时间:41:24

这在某种程度上是幕后一瞥,了解我如何创建和分发屏幕录像。我介绍了使用的硬件和软件,它是如何拼接在一起的,以及它被转换成什么尺寸/格式以及原因。……

观看屏幕录像
Thumbnail for #62: Advanced Form Styling & Functionality

#62 高级表单样式和功能

运行时间:41:24

此屏幕录像演示了为一个相当高级的Web表单提供支持的代码。它利用jQuery根据需要隐藏和显示输入,并为三个插件提供支持。一个用于应用花哨的样式,一个用于验证,一个用于……

观看屏幕录像
Thumbnail for #61: Basic Table Styling with CSS

#61 使用CSS的基本表格样式

运行时间:41:17

表格很棒。它们非常适合在网络上使用。也就是说,**用于显示表格数据!**在此屏幕录像中,我们将介绍这实际上意味着什么,查看一个表格、创建它的标记、怪癖和……

观看屏幕录像
Thumbnail for #60: AJAX Refreshing RSS Content

#60 使用AJAX刷新RSS内容

运行时间:22:56

在视频#55中,最终结果是FeedSmusher,它将来自外部RSS提要的内容插入到我们自己的页面上。在此屏幕录像中,我们将从那里开始,并使用AJAX(在jQuery的帮助下)刷新该内容……

观看屏幕录像
Thumbnail for #59: Embedding Audio

#59 嵌入音频

运行时间:23:26

在网页上放置图像很容易,音频文件则不然。HTML5将使它变得像它应该的那样容易,但在那之前,我们必须求助于其他方法。此屏幕录像涵盖了四种方法/播放器。两种使用……

观看屏幕录像
Thumbnail for #58: HTML & CSS – The VERY Basics

#58 HTML & CSS – 最基础

运行时间:32:15

此视频是HTML和CSS是什么的**最基础**知识,面向绝对初学者。HTML和CSS文件实际上只是纯文本文件。您不需要任何特殊的软件来创建它们,尽管一个不错的代码编辑器……

观看屏幕录像
Thumbnail for #57: Using CSS3

#57 使用CSS3

运行时间:51:36

最新一波的Web浏览器对各种CSS3功能提供了相当不错的支持。特别是Safari 4和Firefox 3.1。此屏幕录像涵盖了许多现在可能使用的技巧,重点关注可用于……

观看屏幕录像
Thumbnail for #56: Integrating FoxyCart and WordPress

#56 集成FoxyCart和WordPress

运行时间:36:32

FoxyCart是一个非常适应性强的电子商务系统。产品是在添加到购物车按钮的一部分中动态生成的,这些按钮只是简单的HTML。这意味着您可以将其与几乎任何CMS集成。在此屏幕录像中,我们集成了……

观看屏幕录像
Thumbnail for #55: Adding RSS Content with SimplePie

#55 使用SimplePie添加RSS内容

运行时间:33:03

RSS的“真正简单”部分有时会产生误导。如果您想从RSS提要中提取内容并在您的网站上显示它该怎么办?从头开始做这件事并不容易,但幸运的是我们有很棒的SimplePie……

观看屏幕录像
Thumbnail for #54: Introduction to FLIR

#54 FLIR简介

运行时间:25:52

FLIR(Face Lift Image Replacement)将自己标榜为“sIFR的替代方案”。它们绝对属于同一类别。sIFR具有一些额外的功能,但它依赖于服务器端和客户端上的更多技术。FLIR可能是……

观看屏幕录像
Thumbnail for #53: Customizing PayPal Forms, Buttons, and Headers

#53 自定义PayPal表单、按钮和标题

运行时间:28:35

PayPal,无论您爱它还是恨它,都是在线发送和接收资金的最简单方法。在此屏幕录像中,我们将介绍如何创建一个“立即购买”按钮,该按钮使用自定义电子邮件地址,具有自定义标题、自定义感谢……

观看屏幕录像
Thumbnail for #52: Building a Print Stylesheet

#52 建立打印样式表

运行时间:38:52

我构建打印样式表的技术如下。1)从头开始 2)保留大多数默认设置 2)使用display: none;消除页面上不需要的任何内容 4)在适当的位置放置分页符。当然,我花费了……

观看屏幕录像

免费视频课程

视频课程 (2015)

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

使用SVG可能非常简单,但如果您开始深入研究,就会发现关于SVG有很多东西需要了解。在本系列中,您将了解为什么SVG是构建网站如此重要的组成部分。从SVG为何有用以及如何获取它,一直到将其作为系统实现以及动画等花哨的东西。

前往课程 →