打造无懈可击的web设计——流动布局和弹性布局http://blog.csdn.net/qinghuawenkang/article/details/7557087转: 自适应css布局—-流动布局新时代(译文)http://justcoding.iteye.com/blog/1825188
分类：
其他好文 时间：
2015-03-10 23:06:57
阅读次数：
154
如今的屏幕分辨率，小至320px(iPhone)，大到2560px甚至更高(大显示器)，变化范围极大。除了使用传统的台式机，用户会越来越多的通过手机、上网本、iPad一类的平板设备来浏览页面。这种情况下，固定宽度的设计方案将会显得越发不合理。页面需要有更好的适应性，其布局结构要做到根据不同的设备及屏...
分类：
Web程序 时间：
2015-03-09 10:42:27
阅读次数：
143
公司网站改版的工作进行好久了，改版几次也没有最终确定，各级领导各有各的眼光和看法，导致这个本来并不大的项目迟迟也没什么进展。以往也做过些设计、图片之类，特被要求提出些风格改进建议。搜了世界五百强的网站和中国五百强企业的网站，从中挑选了些符合公司未来风格并且国际化、大气的一些作为参考。总的说来，现在的网站设计更灵活，由于显示器的变大，加上网络带宽的拓宽，当前设计的网站更多的突出图片的美感和宽画幅显示...
分类：
Web程序 时间：
2015-03-05 21:03:17
阅读次数：
189
如今，Web设计师在设计Web外观与风格的同时，往往还负责了前端代码的编写。换???话说，SEO的相当一部分责任是落在他们肩上的。然而，大 量的 Web设计师对SEO的熟悉程度仍不足以让他们写出一个符合要求的Web。这一现象决定了本文存在的意义，一篇旨在为普通Web设计师提高SEO技巧提供 一些重要...
分类：
Web程序 时间：
2015-03-05 12:51:19
阅读次数：
119
1、要响应式开发web，也就是页面必须自适应屏幕大小，可以采用流体布局，如之前的文章（自适应宽度布局），其他具体的小问题可以采用media query解决（让IE支持CSS3 Media Query实现响应式Web设计和CSS3 Media Queries）；2、因为手机大多是高级浏览器，可以使用h...
分类：
移动开发 时间：
2015-03-03 20:14:24
阅读次数：
178
什么叫做响应式布局？ 也即是响应式Web设计。响应式布局是Ethan Marcotte在2010年5月份提出的一个概念，简而言之，就是一个网站能够兼容多个终端——而不是为每个终端做一个特定的版本。这个概念是为解决移动互联网浏览而诞生的。 响应式布局可以为不同终端的用户提供更加舒适的界面和更好的用户体...
分类：
其他好文 时间：
2015-03-02 18:21:29
阅读次数：
126
响应式Web设计(Responsive Web design)的理念是：页面的设计与开发应当根据用户行为以及设备环境(系统平台、屏幕尺寸、屏幕定向等)进行相应的响应和调整。具体的实践方式由多方面组成，包括弹性网格和布局、图片、CSS media query的使用等。无论用户正在使用笔记本还是iPad...
分类：
其他好文 时间：
2015-03-01 13:09:21
阅读次数：
111
即传统Web设计，对于PC设计一个Layout，在屏幕宽高有调整时，使用横向和竖向的滚动条来查阅被遮掩部分；
对于移动设备，单独设计一个布局，使用不同的域名如wap.或m.。
自适应布局（Adaptive）的特点是分别为不同的屏幕分辨率定义布局。布局切换时页面元素发生改变，但在每个..
分类：
Web程序 时间：
2015-02-25 23:54:23
阅读次数：
184
响应式web设计可以说火不火是迟早的，下面就对于最开始的视口调试的方法汇总，希望有好的方法大家一起交流。1.火狐：从Firefox升级到29.0之后就不直接支持Firesizer了。先安装Add-on，然后就能使用Firesizer。Add-on的下载地址是https://addons.mozill...
分类：
Web程序 时间：
2015-02-13 16:05:57
阅读次数：
194
这些天看了Tim Kadlec著、侯鸿儒译的《响应式Web设计实践》一书后深有体会。于是总结出以下学习响应式Web设计的要点与大家分享：待续...
分类：
Web程序 时间：
2015-02-13 00:16:32
阅读次数：
162
