由于最近在做移动方面的重构项目,大量的运用到了rem的单位值,深深的感觉到rem这个单位的强大,所以在这里推荐一篇淘宝的文章给大家了解下rem的一些基本用法。后续我还会出一篇关于rem更多的使用方法的文章分享给大家。
响应式网页不仅仅是响应不同类型的设备,而且需要响应不同的用户需求。响应式的初衷是为了让信息更好的传递交流,让所有人无障碍的获取信息,同时这也是 Web 的初衷。
一般移动端项目最大的宽度限制是640px,最小限制是320px,大家可以改变浏览器的分辨率或者通过手机访问看看效果。基本上在不同分辨率下都是差不多的展示效果,而且在手机移动终端下都是100%的撑开。这种响应式的效果,我想应该是最符合现在移动终端多样化的需求的,如果只是做几个特别适应的尺寸,例如320、480、340、600这种特定的尺寸,那真是要累死前端开发的同学了。但是如果用rem来实现就可以不用考虑上诉的问题也可以达到自适应了。
rem这是个低调的css单位,近一两年开始崭露头角,有许多同学对rem的评价不一,有的在尝试使用,有的在使用过程中遇到坑就弃用了。但是我对rem综合评价是用来做web app它绝对是最合适的人选之一。
各位童鞋们可以打开以下链接http://m.taobao.com/?qq-pf-to=pcqq.c2c
对,这就是淘宝的手机网页。看着没什么吧,但是仔细斟酌,里面还是有很多设计细节,技术细节的。
咱,先不说别的,就说说适配吧。源码什么的,自己找去,我只说思路。
这是一款功能强大的jquery评分插件****jquery.raty,可灵活设置33个参数,可以显示数值和自定义字符串数组,比以往分享的星级评分插件功能强多了,使用也比较简单,最简单的使用初始化jquery代码就一行$(”#star“).raty();,具体的大家自己下载下来慢慢看吧。。。
单页网站将成为网站设计的主要趋势之一。其将设计元素减为最少,将访问者关心的核心内容放在最显眼位置,提高了网站效率。有一些jQuery插件可大大提高单页网站的开发效率,如Single Page Nav、Ascensor.js等。
单一页面网站(单一页面网站设计)是现代网站设计的主要趋势之一。单一页面网站布局将导航、设计元素减为最少,专注于访问者所关心的网站内容。此外,它还显著提高了网站的效率,允许你将核心内容放在最显眼位置。因为脚本技术(如Ajax和jQuery)已十分稳定、成熟且广泛应用,单一页面网站的开发已变得十分简单。