响应式布局
《图灵程序设计丛书：Bootstrap用户手册·设计响应式网站》
内容简介 Bootstrap是Mark Otto和Jacob Thornton在Twitter公司共同开发的一个网站开发框架，2011年8月发布至今已经成为Github上最受关注的开源项目。从最初CSS驱动 的项目到目前内置很多JavaScript插件和图标，并且涵盖表单和按钮...
《响应式Web设计：HTML5和CSS3实战》作者Ben Frain
基本信息书名:Sass和Compass设计师指南（响应式网站设计大师Ben Frain新作，变身CSS达人必备）原价：49.90元作者:Ben Frain著，任凯光译出版社：华中科技大学出版社出版日期：2014-4-1ISBN：9787560999302字数：325000页码：2...
《精彩绝伦的Android UI设计：响应式用户界面与设计模式》
Juhani Lehtimaki，资深Android开发工程师和设计师，拥有10余年Java开发经验，专注于Android应用的用户界面设计和开发，负责维护一 个关于Android UI设计模式的博客，同时撰写一个关于Android UI设计模式的专栏。现任Snapp TV公司A...
《HTML5移动Web开发实战》
石川，有超过5年的Web开发经验，他是HTML5 Boilerplate项目的成员，Mobile Boilerplate的主要开发人员，JavaScript Patterns项目的所有人。他现在是居住在美国和中国的独立开发者。他爱好阅读、旅游、美食以及电子技术、Indie音乐。译...
移动优先|响应式|HTML5|Hybrid|桌面 移动应用
鬼道（原名徐凯），2011年毕业于同济大学计算机系，模式识别方向硕士研究生。曾就职百度，现为天猫前端通用组技术Leader。曾获得2011年百度最佳新人、2013年天猫技术部最佳新人、2013年天猫最佳小二（成长）。2013年10月，凭借跨终端跨域存储组件Storage获得阿里“...
《响应式Web图形设计》
网页中的图形设计是在线内容用户体验的关键，尤其是现在的用户会使用多种设备访问网页，如智能手机、平板电脑、笔记本电脑、桌面电脑，甚至是智能电 视。《响应式Web图形设计》以创建响应式Web的角度，介绍了基础的HTML和CSS语法，并深入研究了响应式Web设计中色彩、布局、图像、...
移动优先与响应式Web设计(套装2册)
Luke Wroblewski，用户体验专家，因其“Mobile First”一书而广为人知，他还著有《Web表单设计:点石成金的艺术》一书Ethan Marcotte是一个多才多艺的用户体验设计师和开发者,他的工作展示了高质量代码和美观界面的完美结合。他提出了现今最为火热的响应...
《Web开发技术丛书·响应式Web设计：HTML5和CSS3实践指南》
Benjamin LaGrone，资深Web开发工程师，拥有丰富的Web开发经验，专注于移动设备和互联网项目，热衷于响应式Web设计。他现在就职于SAAS，是开发团队移动和响应式设计的传道者。黄博文，思特沃克高级软件工程师，精通C#、Java、JavaScript等语言，具有丰富...
深度分析HTML5在移动开发方面的发展状况
“我们正在用HTML5编写我们下一套移动产品。”“是啊，这些天很多人在玩着Appcelerator，我也在玩着。”“嗯，但这并不是我要说的那种HTML5产品。” 最近，我有很多类似的交流对话，可能因为我正在开发一套HTML5的应用吧。就像2005年的“AJAX”，“HTML5”...
关于响应式布局
在谈响应式布局前，我们先梳理下网页设计中整体页面排版布局，常见的主要有如下几种类型：布局类型布局实现采用何种方式实现布局设计，也有不同的方式，这里基于页面的实现单位而言，分为四种类型：固定布局、可切换的固定布局、弹性布局、混合布局。固定布局：以像素作为页面的基本单位，不管设备屏幕...
响应式设计中怎样布局？
多栏布局中最大的挑战之一就是确保它能在各种各样的屏幕尺寸下正确工作。为此，提出了响应式网页设计。简单来说，就是开发一个其文本、图像和其他的媒体能够适应任何移动设备、桌面计算机或一些未来设备的浏览器体验。在智能手机移动浏览器中看到的网页与在桌面浏览器中看到的不同，这是因为手机屏幕更...
拿什么来兼容-响应式布局
响应式设计是否适合于专题设计如 今越来越多的移动设备出现在我们身边，作为设计师对网站专题的设计进入到一个新阶段，需要考虑更多的用户访问环境，输入设备，分辨率等不同因素。响应式网 页是目前热门的解决方案，好比一双男生的休闲鞋，可以与所有裤子进行随意搭配。但是对于专题设计来说，响应式...
响应式布局产品用户体验这么差，你老板知道吗？
“响应式”这个词现在越来越流行了，它的出现，对于WEB前端的设计还是code，起到了很大的推动作用。 随着网民生活水平的提高，电脑和手机屏幕越来越大，对于产品的用户体验会要求越来越多，这必然导致行业内各公司的产品竞争越来越烈。 如果你经常关注到一些门户网站，比如淘宝、乐视...
用户界面设计容易忽略的几个方面
互联网产品的根本立足点在于用户，而与用户第一接触的则是用户的界面，我们经常都会想方设法地来把用户界面设计得更好，但 是结果却常常离预期的效果还差很远，其原因有时难以准确地找到，但是我们还是不停地在用户界面设计上抓狂，抓着这点不断反思放大，但其实我们一开始就可能 忽略了一点，也是非...
响应式布局使用 rem 设置文字大小
响应式网页不仅仅是响应不同类型的设备，而且需要响应不同的用户需求。响应式的初衷是为了让信息更好的传递交流，让所有人无障碍的获取信息，同时这也是 Web 的初衷。序言中同样提到，响应式的设计应该秉承「内容优先，移动优先」的设计原则，那么我们知道网页中的内容主要是由文字图片等元素组成...
怎样提高响应式网站载入性能？
对于那些已经采用响应式设计，现在想要进行进一步优化的人来说，Mobitest可以用来测量手持设备上网页的载入性能，这样就能发现问题，从而解决问题。当然如果设计还在进行或者计划中，那么优化起来就更方便了。只需要在设计过程中注意载入速度即可，这样就不用事后亡羊补牢了。为了提高表现力，...
高端揭秘：为你的响应式设计提速
@MartinRGB 响应式设计是最近的流行词，能够打造多屏幕一致体验。现在几乎每个人都喜欢响应式设计，而且可以是没有原因的支持，这跟Flash刚出现那会火热的局面有点相似。然而，响应式设计带来了表现力的问题，这需要通过调整图像、压缩图像、改变图像大小等手段来解决。然而，为了提高...
经验分享：响应式排版中的基础知识
Arrietty：当我们建立网站的时候，我们一般从定义正文开始。正文的定义显示了你的主栏有多宽，其它几栏的大小就随它自己内容定义了。直到最近，各种屏幕分辨率或多或少是同质化的。如今，我们要处理各种屏幕尺寸和分辨率。这让处理变得更复杂。在重整旗鼓的热情中，我写了一篇关于响应式排版的...
什么是响应式布局设计
响应式布局是Ethan Marcotte在2010年5月份提出的一个概念，简而言之，就是一个网站能够兼容多个终端——而不是为每个终端做一个特定的版本。这个概念是为解决移动互联网浏览而诞生的。 响应式布局可以为不同终端的用户提供更加舒适的界面和更好的用户体验，而且随着目前大屏幕移...
静态、自适应、流式、响应式四种网页布局有什么区别？
静态布局（Static Layout） 即传统Web设计，对于PC设计一个Layout，在屏幕宽高有调整时，使用横向和竖向的滚动条来查阅被遮掩部分； 对于移动设备，单独设计一个布局，使用不同的域名如wap.或m.。 自适应布局（Adaptive Layout） 自适应布局...
响应式布局这件小事
一、什么是响应式布局?响应式布局是Ethan Marcotte在2010年5月份提出的一个概念，简而言之，就是一个网站能够兼容多个终端——而不是为每个终端做一个特定的版本。这个概念是为解决移动互联网浏览而诞生的。响应式布局可以为不同终端的用户提供更加舒适的界面和更好的用户体验，而...
奥巴马成功连任的秘密竟然是？绝对让你难以想象~
奥巴马作为美国家喻户晓的“人物”，不仅是首位拥有黑人血统的总统，更是二战以来在失业率高于7.2%的情况下首位实现连任的总统。究其如何能连任两届，传说奥巴马有美国总统的基因，这个解释是极好的，没有优良的基因怎么当总统呢？！那这么说来奥巴马的后代有奥巴马的基因是不是就是未来的总统呢？...
HTML5会是下一个风口吗？
2014年10月底， W3C（万维网联盟）正式宣布HTML5正式定稿，科技圈就像发现了可以打破谷歌、苹果所统领的原生APP世界的方法，发表了很多宣讲HTML5将真正开 始颠覆原生（Native）App的文章，也开始着力发展HTML5，开始抢占HTML5这个未来的风口。那么HTML...
新产品从默默无闻到众所周知的四个关键点
导读：大部分新产品“叫好，不叫座”的原因，源自于经营者将太多的经历放在产品的创意表现，新媒体的组合应用及粉丝获得的数量上，忽视了对于“给消 费者一个无法拒绝的购买理由”的思考。面对产品同质化的现象，信息透明化的现状，大而全的购买理由是难以被消费者接受和认同的。那么一个具有市场杀伤...
网站如何做好用户体验
如果在网站开发的时候，始终从完整的用户体验出发，那么最后得到的网站就是一份有价值的资产。每一件与网站的用户体验相关的事情都是经过有意识地、明确地决策的结果，只有这样才能确保这个网站能同时满足你的战略目标和用户需求。编者注：本文为《用户体验的要素》读书笔记。作者是位专注于电商的快速...
超干货！平面排版时如何突出中文的美感？
平面排版时，字母作为元素在设计中有明显的灵活性，但感觉中文很难。这与我们的阅读习惯有关，看起来字母似乎就是个图案，但汉字我们太熟悉了，所以很容易就去注意的它的意思，那么如何在排版中突出中文的美感?今天就来个超干的说明吧!废话不说，上图：一张好照片，够粗够稳的字体，一个貌似挺合适的...
解析移动开发中的响应式布局
10月27日移动互联占据互联网市场之后，市场上的终端设备日新月异，谷歌眼镜，苹果智能手表等新型穿戴设备相继发布。仅手机一类品种每年的增长量就有400种之多。高分辨率设备也出现在市场上，4k时代刚刚被大家所熟知，5k屏已经悄然出现在市场中。面对如此多的终端设备，给网站设计者，开发者...
简化了响应式设计的Froont现在要简化设计的分享，它会不会成为设计师的GitHub？
去年5月推出所见即所得响应式Web设计编辑器的Froont近日结束了公测，同时升级为平台，面向设计师提供一整套响应式网站的设计与社区服务。去年推出beta版的Froont 为设计师们提供了一个可视化的在线网页设计环境。可帮助设计师在无需安装任何工具的情况下通过浏览器方便地创建响应...
