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 使用AJAX修改WordPress主题

时长: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部分中,我们开始将第1部分中创建的Photoshop模型转换为HTML/CSS。我们从一个非常简单的项目框架开始。然后我们看一下Photoshop文件图层组织。然后……

观看教程

免费视频课程

视频课程(2015)

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

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

前往课程→