Responsive在2012年铺天盖地,随处可见,而且在国外使用这种设计的站点也很多,W3cplus也一样,跟着这个趋势学习和总结了一些有关于Responsive方面的教程和资源。但这些教程和资源都是东一榔头西一棒,不够系统,大家学习起来相对较为困难。不过还好,在互联网上这方面的资源很多,我在Responsive Resources一文中发现了对Responsive做了系统的归纳。我也分成几篇文章把里面的链接移动W3cplus上来,与大家分享。希望这几期资源的转载,对大家学习Responsive能起到帮助。
今天要转载的资源是Responsive Resources中的第一部分“Responsive学习线路”,这里主要包括以下五个部分:
一、开始学习Responsive
这里提供了一些关于Responsive基础教程,包括书籍方面的相关资源:
1、Responsive Web Design
2、Responsive Web Design Book
3、RWD: What It Is and How to Use It
4、Beginner's Guide to Responsive Web Design
5、Responsive Web Design on Wikipedia
6、What the Heck Is Responsive Web Design?
二、Responsive概念
第二部分的资源主是要用来介绍Responsive的概念性的教程,通过这些教程的学习,能帮且大家更好的理解Responsive,对以后的深入学开和开发都会有极大的帮助。
1、One Web
2、The Dao of Web Design
3、Future Friendly
4、Mobile First
5、Content First
6、Mobile-First Responsive Web Design
7、RWD: Missing the Point
8、Axes of responsive design
9、COPE: Create Once, Publish Everywhere
三、学习Responsive方法
学习每一样东西都是有一定的方法,方法对了,学习起来的速度就快。这里列出一些学习Responsive的方法。
1、This Is Responsive Tagged 'Strategy'
2、Which One: Responsive Design, Device Experiences, or RESS?
3、Mobile web content adaptation techniques
4、Responsiveness Is a Charactersic
5、Device Experiences & Responsive Design
6、Responsive web design: a project-management perspective
7、A Primer on Responsive Design
8、Separate Mobile Website Vs. Responsive Website: Presidential Smackdown Edition
四、学习Responsive过程
以下几篇文章是详细介绍了学习Responsive过程方面的东东。
1、Design Process in the Responsive Age
2、Responsive Design Workflow
3、Responsive Summit: Workflow
4、Pragmatic Responsive Design
5、Responsive Workflow
6、Design Process in the Responsive Age
7、Sketching A New Mobile Web
五、学习Responsive成本
不管是个人学习,还是团队学习,都需要付出一定的成本,这里有一篇文章介绍了学习Responsive成本。
1、How Much Does A Responsive Web Design Cost?
上面总共整理了31个有关于Responsive方面的资源(有教程、有案例、有PPT等),不过介绍Responsive方面肯定不只这些,如果大家平时也有观注这方面的内容,或者你那有更好的资源,也可以跟我们一起分享。
特别声明:以上资源都是外文,如果您碰到打不开的链接,不用着急,开启您的VPN您就可以正常的阅读。此文所列资源都来自于:Responsive Resources一文。
如果您喜欢这里面的资源,请您继续观注下一期,将为大家分享Responsive Design工具。
如需转载,烦请注明出处:http://www.w3cplus.com/source/responsive-resources-strategy.html