解决inline-block元素的空白间距
有关于使用inline-block来代替float的讨论也蛮多的，最常说的就是使用inline-block来代替float进行布局，或者使用inline-block来实现元素的居中效果。但是在使用inline-block的元素之间会存在“4px”的空白间距。那么今天我们就一起来说说这个“4px”的问题。大家首先来看一个DEMO： HTML Markup <ul>...
View Article让IE6-IE8支持css3的media query
css3带来了许多强大的新特性，其中包括Media query，它是开发响应式页面的基础，但是IE6-IE8等老版本浏览器并不支持media query（虽然很多人讨论是否还需要支持这些老浏览器），今天介绍的这款js插件，可以让老版本的浏览器轻松地支持媒体查询器，它就是Respond，使用方法非常简单，你只需要在页面的头部引入respond.min.js即可，如下 <script...
View Article自定义你的bootstrap
自从一年前Twitter推出Bootstrap以来，它的推广程度就像火箭发射一样节节攀升。这个广受欢迎的CSS框架为众多网站提供了响应式网格系统，预定义样式的组件与JavaScript插件。...
View ArticleCSS3 Media Queries片段
Responsive设计在现代Web设计中可谓是越来越流行，但很同学们并未理解其真正的设计概念，往往把Responsive视为一种自适应布局。当然有很多同学也在尝试动写Responsive的案例，但如何取其断点左右纠结，如何设置哪几个断点？又从何入手？ Responsive中的断点都依赖于CSS3的Media Queries来决断。曾在CSS3 Media...
View Article浏览器的工作原理：现代网络浏览器幕后揭秘 – HTML5 Rocks
序言 这是一篇全面介绍 Webkit 和 Gecko 内部操作的入门文章，是以色列开发人员塔利·加希尔大量研究的成果。在过去的几年中，她查阅了所有公开发布的关于浏览器内部机制的数据（请参见资源），并花了很多时间来研读网络浏览器的源代码。她写道： 在 IE 占据 90%...
View Article基于物理尺寸的响应式设计
基于物理尺寸的响应式设计 此文改题为“自我超越”更合适些。……实际上，最近几年，出现了一个问题：早在2013年初，也就是我正在写此文的时候，以物理设备为载体的web，我们还拿不出一套精准的设计方案，甚至在较长的时间内依然如此。但如果知道了设备的各项物理特性，问题就迎刃而解了——如果说目前做不到，但在不久的将来一定行。...
View ArticleWeb开发者的福利 30段超实用CSS代码
上周，研发频道发表了一篇“ Web开发者不容错过的20段CSS代码”，大家一致觉得很实用。该文是笔者对后30个的翻译，希望对大家有帮助。 1.花式连字符（&） 这个类应该在span元素里使用，并且里面包括&字符。它使用经典的serif字体和斜体来增强&符号。 1 2 3 4 5 .amp { font-family: Baskerville, 'Goudy Old...
View Article基于HTML5 WebSocket和Canvas的多人在线画图程序
演示地址：http://letdraw.ap01.aws.af.cm/ 项目代码：https://github.com/mz121star/WebsocketPaint 自己访问的话可以打开多个浏览器窗口体验，目前有个问题就是不能多人同时画，否则出现问题
View Article
