Learning Responsive Web Design in the Browser | 在浏览器中学习响应式网页设计 中文字幕视频教程

有了所有的网页设计软件，你为什么要在浏览器中进行设计？ 我们生活在一个响应式设计的崭新世界

网站可以在移动设备，平板电脑，台式机上，甚至手腕上的智能手表上阅读

大多数静态网页设计工具没有考虑到这一点

浏览器是一个无尽的，灵活的画布

这是一个自然的编码场所，其动态设计表面和即时反馈可以提供更具响应性的网页设计

在这门课程中，Morten Rand-Hendriksen解释了他在浏览器中的设计方法，在开始编码之前就已经开始了

他演示了如何在纸上定义布局并为该网站创建“语言”，然后使用HTML5构建基准文档

然后他使用CSS来指导网站和布局的外观，使用媒体查询和Flexbox添加响应行为

在第3章中，Morten使用CSS转换和转换改善了网站的交互性

最后，他揭示了如何使用这些技术在浏览器中构建WordPress主题

每个步骤都涉及设计策略，最佳实践和实际代码示例，这些示例将使Web浏览器成为您最喜爱的新设计工具

主题包括：

使用浏览器作为设计画布

使用笔和纸张绘制版面

模块化设计

使用HTML5创建基准文档

使用Flexbox创建响应式布局

应用CSS转换和转换

在浏览器中构建WordPress主题

您好, 欢迎浏览器回应网页设计。

你可能已经注意到越来越多的人在谈论在浏览器中的设计。

如果你想知道这是关于什么, 以及如何做, 你来到正确的课程。

我是高级职员作者, Morten Rand-Hendriksen, 我来这里介绍将Web浏览器转换成新的最喜欢的设计应用程序的工具和技术。

我们将首先讨论在浏览器中设计的准备步骤, 然后我将在编写一行代码之前向您展示如何规划设计。

然后, 我们将深入浏览浏览器中的设计, 并查看工具, 技术, 技巧和技巧, 让您在全新的视野中看到浏览器。

我将向您展示一些新颖的网络技术, 为您的设计增添交互性。

最后, 我将简要讨论如何在浏览器中设计Word Press主题。

网站的媒体是网络浏览器, 所以我们在浏览器中设计网站是有意义的。

我在这里让你在路上, 并告诉你如何做到正确。

所以清楚你的想法, 启动你的浏览器, 让我们在浏览器中使用响应式网页设计来破解。

练习文件列表

Ex_Files_Responsive_Web_Design_Browser.zip272.5M