Thumbnail for #51: A Lesson Learned in Accessibility

#51 可访问性中的一堂课

时长:18:54

即使在设计时以最佳意愿来考虑可访问性,也经常需要真正使用辅助软件的人员来测试网站,帮助我们完善细节。在处理 AJAX 风格的行为时,这个问题会更加复杂。这个…

观看屏幕录像
Thumbnail for #50: Building a Customized and Dynamic Ordering Form

#50 构建自定义动态排序表单

时长:31:00

现实世界的客户对他们的网站有现实世界的需求。他们不在乎你花哨的 RSS 订阅和 AJAX,他们只想要他们的网站按照他们告诉你的方式工作。在这个屏幕录像中,我将带你…

观看屏幕录像
Thumbnail for #49: Hodgepodge of Photoshop Tricks

#49 Photoshop 技巧杂烩

时长:36:02

Photoshop 是我在网页设计中的首选工具。我把它比作选择吉他作为演奏的乐器。吉他单独听起来很棒,而且有很多资源可以帮助你学习。Photoshop…

观看屏幕录像
Thumbnail for #48: Skinning phpBB

#48 phpBB 皮肤设计

时长:27:22

为流行的论坛软件 phpBB 创建一个完全自定义的主题将是一项艰巨的任务。幸运的是,为了快速上手,我们可以简单地将 phpBB 的默认安装包装到现有网站的皮肤中,这样就可以…

观看屏幕录像
Thumbnail for #47: CSS Shorthand

#47 CSS 简写

时长:28:03

有一些 CSS 属性可以组合成一个单独的属性,以简化代码编写。我建议尽可能使用 CSS 简写。它可以节省空间并使代码更易读。在这个屏幕录像中,我将介绍…

观看屏幕录像
Thumbnail for #46: Domains, DNS, Hosting and Google Apps

#46 域名、DNS、主机和 Google Apps

时长:24:54

处理域名、主机和所有服务器设置工作通常不是网页设计师最喜欢的事情。在这个屏幕录像中,我将介绍我的常规流程,并分享很多关于如何处理…的小技巧。

观看屏幕录像
Thumbnail for #45: Using FoxyCart for eCommerce

#45 使用 FoxyCart 进行电子商务

时长:28:46

FoxyCart 是我最喜欢的电子商务系统。它非常容易上手。你可以完全控制所有方面的设计(购物车、结账、收据)。它具有你需要的功能(可下载内容、安全、保存的帐户、订阅)。最好的…

观看屏幕录像
Thumbnail for #44: Hodgepodge of WordPress Tricks

#44 WordPress 技巧杂烩

时长:42:49

本周是 CSS-Tricks 的 WordPress 周,所以我想制作一个以 WordPress 为主题的屏幕录像,并涵盖很多之前 WordPress 屏幕录像中没有提到的微技巧。我们将涵盖

  • 使用内置函数列出类别并构建带标签的
观看屏幕录像
Thumbnail for #43: How to Use CSS Sprites

#43 如何使用 CSS 雪碧

时长:25:21

CSS 雪碧已经成为一个热门话题很久了。事实上,网页上的每个图像都是一个单独的服务器请求,你可以通过组合图像来显著提高页面的性能…

观看屏幕录像
Thumbnail for #41: WordPress as a CMS

#41 WordPress 作为 CMS

时长:27:19

我们曾经做过一项调查,询问人们他们最喜欢的 CMS 是什么。WordPress 获得了压倒性的胜利,但也收到了很多评论,“WordPress 不是 CMS!”。好吧,从严格意义上来说,WordPress CMS,因为它…

观看屏幕录像
Thumbnail for #40: How z-index Works

#40 z-index 的工作原理

时长:18:37

z-index 有时会让人困惑。在这个屏幕录像中,我将尝试解释它的工作原理、它与定位的联系、一些怪癖以及一些一般性建议。…

观看屏幕录像
Thumbnail for #39: How to Use sIFR 3

#39 如何使用 sIFR 3

时长:22:10

sIFR(可缩放内嵌 Flash 替换)是一种技术,允许你在网页上使用任何你想要的字体。简而言之,它使用 JavaScript 来定位某些文本页面元素,并用一块…替换它们。

观看屏幕录像
Thumbnail for #38: Basics & Tips on Designing for the iPhone

#38 iPhone 设计的基础知识和技巧

时长:31:13

设计一个针对 iPhone 优化的网页并不是什么难事。它使用的是你已经熟悉的相同 HTML、CSS 和 JavaScript。不同之处在于浏览器和屏幕不会变化,你确切地知道自己在…

观看屏幕录像
Thumbnail for #36: Current Nav Highlighting: Using PHP to Set the Body ID

#36 当前导航高亮显示

时长:18:56

处理当前导航高亮显示的更有效方法之一是为每个导航项提供一个唯一的类名。然后为每个页面在 body 元素上提供一个唯一的 ID。然后 CSS 可以控制每个…

观看屏幕录像
Thumbnail for #35: Intro to jQuery 2

#35 jQuery 2 入门

时长:24:55

从我们上次结束的地方开始,我们继续探索 jQuery 的可能性。我们重新审视了一些旧函数,并让它们执行一些更智能的操作。我们探索了一个简单的变量和一个 IF/ELSE 语句。然后我们…

观看屏幕录像
Thumbnail for #34: Integrating and Customizing Google Maps

#34 集成和自定义 Google 地图

时长:21:43

Google 地图,包括所有拖放、缩放、卫星视图等功能,是我首选的地图服务。Google 提供了其地图的免费 API,因此你可以将它们直接集成到你的网站上。设置你自己的默认…

观看屏幕录像
Thumbnail for #33: eCommerce Product Page Makeover

#33 电子商务产品页面改造

时长:16:50

我认同网页重新设计的理论应该是渐进式的,而不是革命性的。随着时间的推移,进行小的更改、调整和升级,比一时兴起或出于…原因重新设计整个网站,可以获得更高质量的设计。

观看屏幕录像
Thumbnail for #32: Using the Unit PNG Fix

#32 使用 Unit PNG 修复

时长:18:14

使用 alpha 透明 PNG 设计让生活变得更加轻松,并让更酷的设计成为可能。正如我们都知道的那样,IE 6 及更低版本不支持它们。它们显示…,但任何 alpha 透明区域都会变成讨厌的蓝灰色…

观看屏幕录像

免费视频课程

视频课程(2015)

关于 SVG 的所有知识

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

转到课程 →