06 2013 档案

学习之响应式Web设计---一个实例
摘要：周末闲来无事,做了一个响应式设计的例子。当然，由此并不能窥见响应式设计真谛之一斑。但，对于初次接触响应设计，对于响应式设计的概念依旧模糊不清的同学来说，或许是个启蒙！闲语暂且不表，进入正题，这里没有太多的表述，直接上代码：本例基于html5标签，所以为了兼容不支持html5标签的浏览器和不支持Media Query的浏览器引入以下文件：<!--[if lt IE 9]> <script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js">< 阅读全文
posted @ 2013-06-17 11:43 穆乙 阅读(1176) 评论(0) 推荐(0) 编辑
常用栅格布局方案
摘要：页面的布局方式是页面构成的主骨架，其重要性你们懂的～拿到一个PSD，一般情况下你会：看整体布局方式，是列式布局还是通栏式布局？ 列式布局是2列还是3列？ 通栏式布局一共有多少个通栏？每个通栏有多少列？总的来说，看PSD就要像看MM，先要知道她PP大还是MM大。。。所以在切页面前，先要写页面的主要布局的代码，和建楼房先搭地基的道理是如出一辙滴。布局代码确定后，再开始在布局上做“填空”游戏。布局对于设计师来说也很重要，当开发员和设计师都遵循统一的布局规范时，可以大大的降低两者的沟通成本。同时保证页面风格的统一性。下面介绍的布局方案的示例代码使用gridsystemgenerator参照960gs框 阅读全文
posted @ 2013-06-05 16:24 穆乙 阅读(2747) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示