响应式Web设计，这个概念是Ethan Marctte 在A List Apart 发表的一篇文章“Responsive Web Design”中援引响应式建筑而得名：响应式建筑（responsive architecture），物理空间应该可以根据存在于其中的人的情况进行相应。 为什么一定要为每个用户群各自打造一套设计和开发方案？Web设计应该做到根据不同设备环境自动响应及调整。当然响应式Web设计不仅仅是关于屏幕分辨率自适应以及自动缩放的图片等等，它更像是一种对于设计的全新思维模式；我们应当向下兼容、移动优先。…
自从HTML5能为我们的新网页带来更高效洁净的代码而得到更多的关注，然而唯一能让IE识别那些新元素(如 article)的途径是使用HTML5 shiv,感谢remy sharp为我们提供了这个迷你脚本来解决IE支持HTML5的问题。 使用和下载 html5.js必须在页面head元素内调用(因为IE自从HTML5能为我们的新网页带来更高效洁净的代码而得到更多的关注，然而唯一能让IE识别那些新元素(如<article>)的途径是使用HTML5 shiv,感谢remy sharp为我们提供了这个迷你脚本来…
Unicode给每个字符提供了一个唯一的数字，不论是什么平台，不论是什么程序，不论是什么语言。它真正实现了全球电脑系统的United，作为一个标准，它已经成为全球软件技术最重要的发展趋势。 为什么要把中文转换为Unicode 在互联网高速发展的今天，Unicode担当更重要的角色, 它比传统的字符编码更节省费用，使软件或者网站能够运用于不同的系统平台、语言和国家，而不需要重建，同时也保证了资料在不同系统中的完整性。所以说你只 要将中文转换为Unicode，任何国家的人都能看到你想表达的真正意思，而不是乱码。 &nb…
微软在IE8中，增加了浏览器模式的配置，支持IE7，IE8兼容性视图，以及IE8三种模式。360浏览器多内核渲染模式： 360安全浏览器2种渲染模式，360极速浏览器多种渲染模式 页面中由于兼容模式显示不正常，我们不能让强制用户去修改浏览器模式，因此需要我们在代码中控制浏览器默认渲染模式 在head标签中，增加如下的代码： <meta http-equiv="X-UA-Compatible" content="IE=edge" /> 这是个是IE8的专用标记,用来指定IE8浏览器…
移动web开发头部meta标签5种实用方法 1、移动webAPP的Meta 视点设置： <meta name=”viewport” content=”initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no”/> 2、在移动开发当中，屏蔽数字当作电话号码的代码：（针对苹果手机） <meta content=”telephone=no” name=”format-detection” /> 3、浏览器缓存…
众知目前国内不少浏览器都自称双核，大多是 IE(Trident)+Webkit。由于 webkit 急速的体验和对 HTML5 的支持，作为开发者有些情况下可能希望用户优先甚至只使用 webkit 内核渲染，比如通过 Meta 标签来指定。然而目前还没有任何一个公认的标准来实现。大多数用户根本分不清浏览器双核之间的区别。把决定权交给开发者，以此给用户带来更好的浏览体验，不失为一件好事。 360安全浏览器私有解决方案如下： 内核控制 Meta 标签。只要你在自己的网站里增加一个 Meta 标签，告诉360浏览器这个网…
导读：本文作者Kevin Liew是一名Web设计师和开发者，热衷于Web开发、前端开发以及jQuery。 如今，在互联网上发布在线免费的Javascript图形和图表绘制工具越来越多。作者此前在一家网站从事复杂的图形学方面的工作，使用 highchart，在那期间，没有大量的插件工具可供选择，不像现在，我们可以轻易地找到非常有用的图表库。作者认为，此种插件的兴起源于： Flash 是最佳的解决方案，大部分人从这方面迁移的； 现在的浏览器和强大的计算机使其在实时数据方面的能力更加的容易； 绘制矢量图的工具（技术取向…
网页可见区域宽：document.body.clientWidth 网页可见区域高：document.body.clientHeight 网页可见区域宽：document.body.offsetWidth (包括边线的宽) 网页可见区域高：document.body.offsetHeight (包括边线的宽) 网页正文全文宽：document.body.scrollWidth 网页正文全文高：document.body.scrollHeight 网页被卷去的高：document.body.scrollTop 网页被…
用来设定元素透明度的 Opacity 是CSS 3里的一个属性。当然现在还只有少部分浏览器支持。 不过各个浏览器都有自己的私有属性来支持,其中包括老版本的Mozilla和Safari： IE: filter:alpha(opacity) Mozilla: -moz-opacity Safari: -khtml-opacity 很不幸的是，你没看见Opera，老版本的Opera并没有什么私有属性可以代替opacity。（新版Opera已经支持opacity） 所以以前用CSS设定一个元素半透明的话，可能会这样写: &…
本文介绍 8 个 CSS 预处理器，用以提升你的 CSS 开发速度。 Less CSS Less CSS 是一个使用广泛的 CSS 预处理器，通过简单的语法和变量对 CSS 进行扩展，可减少很多 CSS 的代码量。 Get it: http://www.oschina.net/p/lesscss Sass Sass 扩展了 CSS3，增加了规则、变量、混入、选择器、继承等等特性。Sass 生成良好格式化的 CSS 代码，易于组织和维护。 Get it: http://www.oschina.net/p/sass T…