在本教程中，我们将从零开始学习如何构建响应式垂直时间线。 首先，创建基本的标记结构，然后应用CSS伪元素魔法。 接着，使用JavaScript添加向下滚动页面时的过渡效果。

线框图 是各种屏幕设计流程中重要的一步，主要让你定义信息架构，从而让你根据你希望怎样让用户处理信息来规划页面布局。如果你从来都没用过线框图，那现在就应该开始学了

设计师每天都需要解决问题，找到正确的解决方案需要深入的研究和精心的计划、测试。 如果能找到一种全能的方法或者一个能自动解决我们所有工作问题的秘方，那就太好了。 我们可能还没有答案，但我们确实知道我们有时可以采取的某些捷径。

作为一个WEB开发者或是设计师，下面这些工具值得你在下一个项目中尝试。 这个清单不求详尽，也不是所谓的某某“前十名”，仅仅是简单介绍一些“新式武器”，我非常希望你喜欢这些新工具，让我们开始吧！

Gravit Designer这个软件，怎么说呢，就我个人而言我是十分看好的而且我认为它在矢量绘图领域必将占据十分重要的一席。不仅有良好的用户体验、专业级别的设计工具而且跨平台包括浏览器、Linux、Mac、ChromeOS以及 Windows通用，并且随后还会增加 iPad 和 Android版本。...

在前一篇文章中，我向你展示了如何从头开始创造一条响应式的垂直时间线。今天，我将介绍创建相关水平 时间线的过程。

欢迎来到如何使用UI组件的快速上手教学文字，它对设计师、开发者、用户都有帮助！让我们开始吧！

让我们来看看数字领域的功能可用性，我们可以把这些原则应用到我们所设计的UI元素中，比如按钮，表格，图标和其他元素。

当你的用户需要漂亮的图标给出额外的文字信息时，亦或是当他们在点击了按钮之后需要确认自己没点错时，又或是带图片和字幕的复活节彩蛋，提示框是用来增强用户界面的绝佳手段。现在，让我们来做几个动画提示框，没有别的，只有HTML和CSS。

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

Adobe XD 可以让你对应用程序做设计和原型；任何从线框，多屏的经验。 让我们用60秒看一下它能给我们带来什么！

Media queries （媒体查询） 是现代网页设计的重要技术，但它不是完美的。 在这篇文章当中，我和大家一起探讨一下 ”element queries” （“元素查询”）这个概念，很多人认为这是响应式网页设计的未来。