基本都是采用pure设计（中文官网：http://purecss.org，英文官网：http://purecss.io）。pure只是一个简单强大的cssUI库，支持响应式设计，适合自己设计或者给美工设计，定制强大。当然，脚本还是得自己写。pure参考文章：http://www.cnblogs.co...
分类：
其他好文 时间：
2015-07-06 10:09:29
阅读次数：
89
Windows10 UWP开发 - 响应式设计本篇随笔与大家简单讨论一下在开发适配不同分辨率、宽高比的Windows10 Universal App布局时的可行方式与小技巧。经验均从实践中总结，可能有诸多不完善和浅薄之处，欢迎读者严格指正。另外本文也只是抛砖引玉之用，希望能收获更多更好的实战经验。自...
上一个部分我们学习了Web的一些基本概念：
什么是Web？
Internet和Web的区别，
Web的历史。
第二部分我们会正式进入Web学习的主题了。我们会带大家了解一个我们平时访问的网站（Web site）是如何运作的。首先我们来看看Web开发使用到的编程语言和数据库，一些框架和内容管理系统，还有响应式设计。这一部分会有不少原理，概念比较重要，不过我们会用形象地比喻来阐明。...
分类：
编程语言 时间：
2015-07-03 00:16:56
阅读次数：
284
图像在网页制作中也是常要用到的元素，在Bootstrap框架中对于图像的样式风格提供以下几种风格： 1、img-responsive：响应式图片，主要针对于响应式设计 2、img-rounded：圆角图片 3、img-circle：圆形图片 4、img-thumbnail：缩略图片 ...
分类：
其他好文 时间：
2015-06-25 22:50:26
阅读次数：
170
Ethan Marcotte称响应式设计是基于网格建立一个网站。Marcotte定义这项技术后，响应式设计框架开始出现，主要是css和JavaScript的结合。许多框架都是开源的，可以免费下载和快速定制。 当下最火热的框架就是Bootstrap和Foundation了。 随着响应式设计框架...
分类：
其他好文 时间：
2015-06-24 14:34:56
阅读次数：
99
一. Bootstrap 表格样式支持 Bootstrap提供了六种不同风格的样式支持,其中一个基础样式，4个附件样式,1个响应式设计样式 1..table：基础表格 2..table-striped：斑马线表格 3..table-bordered：带边框的表格 4..table-hove...
分类：
其他好文 时间：
2015-06-19 22:58:22
阅读次数：
224
水平有限，不对之处还请指出。
【目前几种布局】
随着移动互联网的发展和微信的突起，移动端的响应式布局越来越重要了。
目前网站布局有以下几种：
1.定宽度布局
很多pc的网站都是定宽度布局的，也就是设置了min-width，
这样一来，如果小于这个宽度就会出现滚动条，
如果大于这个宽度则内容居中外加背景，
这种设计常见与pc端。
2.响应式布局
所谓响应式布局就是流式布局...
分类：
其他好文 时间：
2015-06-19 06:40:33
阅读次数：
155
英文原文：splio，编译：w3cplusResponsive Design对于我来说一点都不陌生，从他在这个互联网出现的时候，就一直在观注他的成长，而且在w3cplus站上也分享了很多这方面的教程和资源。由于组织了YY活动在线上和大家分享Responsive的设计，为了能让大家更好的理解，我自己也...
分类：
其他好文 时间：
2015-06-17 13:20:49
阅读次数：
436
正如我在教程响应式Web设计三步走当中所讲的，响应式的Web设计其实并不难，但是要让元素在布局切换时能够平滑过渡就比较考验技巧了。现在我分享在编码时常用的五个CSS技巧并举例说明。这些技巧都是使用简单的CSS属性，如min-width、max-width、overflow 和相对属性值，但是这些属性...
分类：
Web程序 时间：
2015-06-17 13:16:28
阅读次数：
140
随着上网设备的推陈出新和技术的快速发展，用于显示网页的环境千差万别。比如手机就有很多种的屏幕尺寸，同时，个人电脑显示器也不断在刷新分辨率的记录。传统的固定宽度（例如960像素）的网页设计已经不能满足各类移动用户浏览网页的个性需求，于是响应式网页设计孕育而生。 最早提出响应式网页设计（Respo...
分类：
Web程序 时间：
2015-06-07 13:45:45
阅读次数：
167
