响应式网页设计很流行,而且绝无秘密可言。行家们倡导,各品牌趋之若鹜。这不仅是创建一个移动端站点,而是让你的网站适用于每种浏览器尺寸,不论桌面端、平板还是智能手机响应式设计的秘诀,是创建一个不论大小尺寸都美观的网站。在点开你的设计软件着手动工之前,你需要考虑很多。这是个额外步骤,最终成品却总能证明它的...
分类:
其他好文 时间:
2014-06-29 00:19:45
阅读次数:
224
聚焦Bootstrap 3和Foundation 5,让我们一起来分析使用其中一种框架构建自己的网站的优势与短板。浏览器兼容性浏览器调试所花的时间有时赶上了制作网站本身所花的时间。如果你可以减少调试浏览器所花的时间,那么就是在为客户节约成本(当然也是在保护的你的头发不那么早就掉光)。响应式设计框架是...
分类:
其他好文 时间:
2014-06-18 20:16:49
阅读次数:
286
响应式设计邮件是企业实现移动邮件优化的方式之一,它使用一组代码以完成电子邮件在台式机,平板电脑或智能手机上的不同阅览呈现,这意味着,无论用户在哪里、何时打开邮件,都能获得最优的用户体验。尽管如此,但据Econsultancy的调查显示,大量的公司目前并没有为移动设备优化的电子邮件,32%的调查对象称...
分类:
其他好文 时间:
2014-06-18 20:14:11
阅读次数:
222
如果对于移动开发,你的知识还仅仅限制于响应式设计,那么这是远远不够的。作为一个开发人员不得不去处理一些老旧的框架,同时添加一些新功能。为了不仅仅是更好的适应需求,有时也是为了方便更好的扩展。分享一下,今年来玩的两个不同网站的移动扩展之路,一个是自己的网站,一个则是与女友建设中的一个寻找有趣的人、事、物的网站——寻ta驿站。一次传统网站的移动开发对于一个传统的网站来说,仅仅是Responsive是远...
分类:
移动开发 时间:
2014-06-18 06:38:04
阅读次数:
690
响应式网页不像传统网页只需考虑一种状态,不是交付一套设计稿就完事儿了,它给设计、前端和开发团队之间的协作模式带来新的挑战。在一个复杂产品全面响应式的项目里,交互每个阶段该产出什么?交互与视觉如何协作?前端何时介入?哪些事情让后端开发来做更合理?经历“玩客”第一版后,我们得到了一些答案。响应式设计之所...
分类:
其他好文 时间:
2014-06-13 00:41:02
阅读次数:
205
在我们介入具体项目开发流程前,我们应该已经确认了自己产品所面向的内容消费群体,以及潜在目标用户,比如简单的只面向小屏幕的移动用户群或者我们要囊括所有的显示设备(mobile、pad、pc等等)。当我们确定目标用户的内容消费习惯的同时,我们应该也对他们的访问习惯、时段等等做一些初步分析。这不仅仅面向一...
分类:
其他好文 时间:
2014-06-12 23:11:02
阅读次数:
243
前端时间百度地图API推出了 JavaScript API 极速版 1.0 简单看了一下,从产品定位来说真是挺好。 把开发者细分成普通web开发者和移动web开发者。正好用到了手机地图这块决定尝试一下.....
分类:
编程语言 时间:
2014-06-11 06:12:25
阅读次数:
357
你可以轻易找到许多如何设置响应式设计响应点的攻略,但是这些过时的设计方法都是以主流屏幕尺寸为依据的,效果并不理想。其实并没有“主流”屏幕尺寸这一概念。另外一个主流的方法是当布局被打破时设置响应点。这个方法听起来好一些。但是仍有疑问,我们怎么判断是否布局被打破了呢?其中一个合理回答是依照经典可读性理论...
分类:
其他好文 时间:
2014-06-09 18:59:48
阅读次数:
169
响应式设计中的界面设计对于界面设计,我们以前针对桌面产品的设计可能就是一个尺寸的,每个模块的位置比较固定,但是在响应式设计中,这些东西就改变了,设计师会根据产品的需要设计多个版本的设计,在这些不同的版本中,模块A在1024的宽度下,可能会是黑色背景,但是到了768下面可能会变成白色背景,实现了在不同...
分类:
Web程序 时间:
2014-06-09 17:54:54
阅读次数:
247
图片是页面中较为重要的元素之一,在目前流行的响应式设计当中,图片也需要随之做出变化,本文就给出了目前业界针对响应式图片给出的各种解决方案。对img元素增加srcset属性规范地址:http://www.w3.org/TR/html-srcset/在img的srcset属性中可以提供若干图片资源地址,...
分类:
其他好文 时间:
2014-05-29 09:11:40
阅读次数:
194