我在给客户做网站的过程中,不少客户都会要求做响应式设计,响应式的网站也越来越多。但是响应式的网站在具体操作过程中,会有很多问题被忽略,所以我一般会使用一些响应式设计工具来测试这些站点是否正常显示。
上次给大家分享过我的个人收藏夹的一些工具,今天跟大家再分享我个人觉得好用的五款响应式网页测试工具,重点都是免费免费!
Responsive Design Checker
Responsinator
Designmodo Responsive Test
Matt Kersley’s Responsive Tool
XRESPOND
推荐这五款工具是因为操作起来比较简单,最重要的是他们支持多设备尺寸,因此我们在具体使用过程中可以清晰的看到布局在各个屏幕设备下的不同效果。相信每位设计师在具体操作过程中多多少少都会遇到一些问题,不少网友问我用什么工具建站,怎么学习的代码,所以后面这部分简单分享下。
蝉知建站系统
我个人是蝉知的死忠粉,在用这个建站系统之前,我用的是worpress。蝉知相比较wordpress来说,比较符合国人使用的习惯,功能一样强大,在安全和扩展方面也都还不错,所以后来就一直使用蝉知至今。知名度可能不高,不过这是我个人的首推,推荐值得一试。
W3school
在 w3school,你可以找到你所需要的所有的网站建设教程。我之前从零开始学代码,就是从这个站点开始的。从基础的 HTML 到 CSS,乃至进阶的XML、SQL、JS、PHP 和 ASP.NET。都适合新手学习。
Code pen
这个站点是我后来才慢慢接触到的,站点现有上百个精选效果,上千个各类前端demo效果。优秀前端demo的展示。进入首页就可以看到很多精湛的前端demo效果,相信很多人都可以从中获得很多前端交互的灵感,当然,其中的技术实现也可以一并学习!
以上这些内容就是本次的分享,希望对大家的学习有所帮助,工具不在数量多,但一定要多用,希望这些工具都能给到大家的实质性的帮助,而不是变成收藏夹里的一个条目。