Web Design

Learn web design with thousands of free tutorials! Maybe you want to know how to build a site using WordPress themes, or maybe you want to master more advanced web design topics like interface design or responsive design. Whatever you need, you'll find it here.

Stay up to date with the latest features and developments in CSS, Shopify, WooCommerce, and more. Learn how to design landing pages and email templates that stand out from the crowd and get people to take action. For all the web design tips and advice you need, our expert instructors have you covered!

All Web Design Content:

  1. 15种社区WordPress主题推荐

    15种社区WordPress主题推荐

    Tutorial Beginner

    很多老板都十分忙碌。 他们的日程单看起来似乎永无止境,所以有理由说服他们可以使用尽可能多的工具来使自己生活更轻松。 这就是WordPress插件的意义,许多网页设计师或企业主自己会忽略这些不必要的插件。 但事实是,这个插件可以节省你宝贵的时间,甚至允许你围绕你的网站建立一个用户社区。

  2. 30个你必须熟记的CSS选择器

    30个你必须熟记的CSS选择器

    Tutorial Intermediate

    你学会了基本的id,class类选择器和descendant后代选择器,然后就觉得完事了吗?如果这样,你就会错过许多灵活运用CSS的机会。虽然本文提到的许多选择器都属于CSS3,并且只能在现代的浏览器中使用,但学会这些是大有好处的。

  3. 15+ WordPress简历主题:打造超赞的个人网站

    15+ WordPress简历主题:打造超赞的个人网站

    Tutorial Beginner

    无论刚从大学毕业,还是在骑驴找马,你都需要一份简历来展示你的所有技能,并希望在竞争中脱颖而出。

  4. 用WordPress制作一个单页网站

    用WordPress制作一个单页网站

    Tutorial Beginner

    一个单页网站是一个在线官网的好选择。它使你能够以简洁的方式分享关于你的业务的重要信息,让你的访客一目了然。

  5. 如何使用 Flexbox 完美实现文字的中心对齐

    如何使用 Flexbox 完美实现文字的中心对齐

    Tutorial Intermediate

    让内容水平居中没有什么特别的,我们从来都是这么做的。 但有没有想过让高度不固定的内容垂直居中呢? 在我的视频课程《Web 设计人员的 6 个 Flexbox 项目》中,您将学习如何利用 Flexbox 轻松解决这一问题。

  6. 如何设置Jekyll主题

    如何设置Jekyll主题

    Tutorial Beginner

    Jekyll是一个静态网站生成系统,可以让你将纯文本文件转换为复杂的博客,而无需担心数据库,安全问题,更新以及许多CMS和博客平台可能带来的其他复杂问题。

  7. 综合指南: 何时使用 Em 与 Rem

    综合指南: 何时使用 Em 与 Rem

    Tutorial Intermediate

    你可能已经很熟练使用这两个灵活的单位,但你可能不完全了解何时使用 rem ,何时使用 em。 本教程将帮你弄清楚!

  8. 如何整合“No CAPTCHA reCAPTCHA”(验证码)到你的网站里

    如何整合“No CAPTCHA reCAPTCHA”(验证码)到你的网站里

    Tutorial Beginner

    CAPTCHA输入可能是最常见的一个令人失望的互联网体验。 它们对于大多数用户来说都已经足够的痛苦了,就姑且不提那些模糊不清的图片,又或者是那些依赖于像是阅读屏幕发声的辅助技术的用户了。 然而,悲哀的是,CAPTCHA也绝对是对抗垃圾邮件至关重要的一环。

  9. 快速小技巧:简单的CSS3多选框(Checkbox)和单选框(Radio Button)

    快速小技巧:简单的CSS3多选框(Checkbox)和单选框(Radio Button)

    Tutorial Beginner

    你是否好奇该如何在不使用JavaScript的前提下为多选框和单选框添加样式?你要谢谢CSS3!