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

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

观看屏幕录制
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

观看我笨拙地为WordPress主题添加AJAX功能的过程。这个想法是,站点上的任何内部链接都将加载到主要内容区域,而无需刷新页面,包括搜索。并非总是…

观看屏幕录制
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为什么有用以及如何获取它一直到将其作为系统实现以及像动画这样的花哨内容。

前往课程 →