Thumbnail for #91: The WordPress Loop

#91 WordPress 循环

时长:31:15

关于 WordPress 著名的内容输出结构,有很多文档,但我仍然觉得“循环”比应该有的更令人困惑和神秘。在这个视频教程中,我试图解释它是什么,它是如何工作的,以及……

观看视频教程
Thumbnail for #90: Simple TextMate Tips

#90 简单 TextMate 提示

时长:20:52

TextMate 是一款仅限 Mac 的代码编辑器。这次对所有 PC 用户表示歉意。如果你长期观看这些视频教程,你就会知道我过去主要使用 Coda。自从我更多地工作……

观看视频教程
Thumbnail for #89: Organizing a Photoshop Document

#89 整理 Photoshop 文档

时长:19:09

如果你像我一样,你既有严重的 Photoshop 文档混乱,也欣赏井井有条的文档。这种混乱并非有意为之,而是(如果你能原谅这个可能不准确的陈词滥调)出于右脑的创造模式,并且关心……

观看视频教程
Thumbnail for #88: Intro to Compass/Sass

#88 Compass/Sass 简介

时长:29:28

问一群设计师他们希望 CSS 能做些什么而现在做不到,你会得到一个很长的清单,这个清单很像 Compass/Sass 框架的功能列表。如果你像我一样,你不会……

观看视频教程
Thumbnail for #87: Moving Up with MAMP

#87 使用 MAMP 向上迁移

时长:23:30

使用 MAMP 在本地工作很棒,但是当你需要将网站上线时怎么办?上次我们在本地安装了 WordPress 版本,现在我们将使用该本地版本并将其移至真正的在线……

观看视频教程
Thumbnail for #86: First Moments with MAMP

#86 MAMP 初体验

时长:11:38

在这个方面我落后于时代,但直到最近,我从未真正进行过本地开发。我所做的一切都是“孤军奋战”,直接在服务器上工作。情况出现,我真的需要这样做,所以现在我有了……

观看视频教程
Thumbnail for #85: Best Practices with Dynamic Content

#85 动态内容最佳实践

时长:31:00

我在“5 月份是维护月”期间更新的一篇文章是关于动态内容的文章。这个想法是一个简单的网站,点击链接会淡出现有内容并淡入它加载的新内容……

观看视频教程
Thumbnail for #84: Site Walkthrough of chris-mcgarry.com

#84 chris-mcgarry.com 网站导览

时长:36:50

我为我的音乐家朋友建立了一个网站,他正在发行一张新专辑。显然,可播放的曲目很重要,但当加载新页面时,这些曲目停止的经典问题出现了……

观看视频教程
Thumbnail for #83: Thoughts on SEO

#83 关于 SEO 的想法

时长:39:46

公平警告:比平时更多漫谈。听听我对 SEO 的想法。我认为我知道的是,SEO 是一系列相当明显的最佳实践。帮助你处理这些事情的 SEO 服务可能是好的,……

观看视频教程
Thumbnail for #82: CSS Image Switcher

#82 CSS 图片切换器

时长:12:20

将鼠标悬停在链接上,观察上面的图片发生变化。这就是我们在本视频教程中构建的,只是我们没有使用任何 JavaScript 来实现它。诀窍是在悬停时进行一些简单的 z-index 切换和一些绝对定位……

观看视频教程
Thumbnail for #81: AJAXing a WordPress Theme

#81 WordPress 主题的 AJAX 化

时长:42:23

看着我在将 AJAX 功能添加到 WordPress 主题的过程中跌跌撞撞。这个想法是,网站上的任何内部链接都将加载到主内容区域,而无需刷新页面,包括搜索。并不总是……

观看视频教程
Thumbnail for #80: Regarding Wheel Invention

#80 关于发明轮子

时长:19:09

一对夫妇需要一个婚礼照片库,每个人都可以浏览和上传他们自己的婚礼照片。**初级开发者:**我知道一些很棒的软件我们可以使用,给我几天时间。**熟练的开发者:**……

观看视频教程
Thumbnail for #79: Complete/Non-Queuing Animations with jQuery

#79 使用 jQuery 完成/非排队动画

时长:19:38

当你使用 jQuery 的 .animate() 函数与类似悬停事件的东西一起使用时,这些动画将“排队”。也就是说,如果你多次悬停,该动画将多次触发。阻止这种情况发生的经典方法是抛出……

观看视频教程
Thumbnail for #78: On Web Advertising

#78 关于网络广告

时长:45:19

在本视频教程中,我讨论了在线广告。它是什么,它是如何工作的,以及为什么它并不邪恶(除非它确实如此)。我谈谈我的经验,现有的不同服务以及我使用的服务。广告是……

观看视频教程
Thumbnail for #77: Styling an Individual Article

#77 样式化单个文章

时长:41:15

最近,“艺术指导”帖子这个想法非常流行。这是将独特样式应用于网络上的文章的想法,就像印刷设计师为杂志独特地样式化文章一样。这不仅仅是……

观看视频教程
Thumbnail for #76: A Tour of jQuery on a Live Site

#76 实时网站上的 jQuery 巡礼

时长:38:33

我很忙,你也很忙,我们都忙于在疯狂的网络世界中赶进度,完成工作。我喜欢在可能的情况下学习新技术,但我第一个承认的是,我会使用……

观看视频教程
Thumbnail for #75: How Not To Design a Checkout

#75 如何不设计结账流程

时长:11:17

各位,请原谅我,这不是一个很有建设性的视频教程。我因为我在尝试使用的一款软件产品的糟糕结账流程而感到沮丧,所以我认为我会录制一个视频教程,作为对我们所有人的教训……

观看视频教程
Thumbnail for #74: Editable CSS3 Image Gallery

#74 可编辑的 CSS3 图片库

时长:42:02

我们构建了一个非常典型的图片库设计模式,一个图片网格,点击后会弹出更大的图片。但是,这个图片库页面使用了热门的语义 HTML5 标记,使用 CSS3 和 jQuery 加载了大量的视觉效果,并且……

观看视频教程
Thumbnail for #73: Building a Website (3 of 3): WordPress Theme

#73 建立网站(3/3)

时长:50:59

在本系列的第 3 部分中,我们将我们已经为这个设计创建的 HTML 和 CSS 转换为 WordPress 主题。我们从一个完全“空白”的 WordPress 主题开始,然后取不同的部分……

观看视频教程
Thumbnail for #72: Building a Website (2 of 3): HTML/CSS Conversion

#72 建立网站(2/3)

时长:01:11:10

在本系列的第 2 部分中,我们开始将第一部分中创建的 Photoshop 模型转换为 HTML/CSS。我们从一个非常骨架的项目框架开始。然后,我们看一下 Photoshop 文件的图层组织。然后……

观看视频教程

免费视频课程

视频课程(2015)

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

使用 SVG 非常简单,但如果你开始深入研究,就会有很多关于 SVG 的知识。在他的系列中,你将学习为什么 SVG 是构建网站如此重要的组成部分。从为什么 SVG 有用以及如何获取它,一直到将其作为系统实施以及像动画这样的花哨的东西。

前往课程 →