html5 中的 article 和 section 元素
HTML5带出了一系列新元素，并且将在未来被广泛应用。然而，有一些元素在使用时易被混淆，包括以下两个新元素：<article>和<section>。最常被问起的问题是：在什么情况下我们应该使用这些元素？以及我们应该如何正确的使用这些元素？Arti…
绝对不可错过的超实用HTML5代码片段
HTML5绝对是一个流行元素，受到如此多的公司组织的追捧，作为极客来说，岂能错过呢？在今天这篇文章中，我们将分享一些超实用的HTML5的代码片段，相信大家一定会喜欢！HTML5视频和fallback实用HTML5的一个好处就是简化了视频和音频的嵌入代码量，不…
关于css z-index 层叠一些不为人知的事儿
关于z-index的真正问题是，很少有人理解它到底是怎么用。其实它并不复杂，但是如果你从来没有花一定时间去看具体的z-index相关文档，那么你很可能会忽略一些重要的信息。不相信我吗？好吧，看看你能否解决下面这个问题：问题：在 接下来的xhtml代码…
CSS 中的分离、抽象和层叠
摘要：LESS和Sass(或者类似方案)从三个方面解决了css存在的问题：分离，抽象和层叠。当我在接受他们时，我发现css还有一些其他问题需要解决。在这里我提出些解决方案。介绍有很多充分的理由说明LESS和Sass的用途。css很难做到可维护性。LESS和Sass（…
[Css3教程]-CSS3 Gradient 渐变
![[Css3教程]-CSS3 Gradient 渐变](https://csswang.com/files/wp-content/uploads/ta-thumbnails-cache/210x140-c/2013/3/3974-2.png)
CSS3发布很久了，现在在国外的一些页面上常能看到他的身影，这让我羡慕已久，只可惜在国内为了兼容IE，让这一项技术受到很大的限制，很多Web前端人员都望而止步。虽然如此但还是有很多朋友在钻研CSS3在web中的应用，为了不被淘汰，我也开始向CSS3进…
构建现代化网站的20个技巧
在过去几年中，我们与web开发者花了很多时间交流，听得最多的一件事情就是创建一个能很好的跨越各种类型浏览器版本与各种设备的网站有多么难。我们为jQuery项目写代码的时候一直有这个问题。因此我们整理了20条编码模式与经验，它们是从出席无休止的会议和…
伪元素:before和:after学习和使用
如果你一直密切关注着各种网页设计的博客，你可能已经注意到了：before和：after伪元素已经在前端开发中获得了相当多的关注。特别是在Nicolas Gallagher的博客中，后期运用了很多伪类元素。Nicolas Gallagher使用伪元素用静态的HTML标签创建84个GUI…
如何自适应宽度的水平居中
当父元素和子元素都没有定义宽度的情况下实现水平居中：display:inline-block可以使用text-align:center和display:inline-block相结合，这个技巧需要一个父元素。HTML代码:<div class="navbar& [Read More…]
hasLayout IE的问题总结
这篇文章是一个总结haslayout的文章。更新：haslayout在ie8的标准模式下已经被废弃了，但是在ie7的兼容版本以及以下的版本是仍然存在的。什么是haslayout？MSIE 有一个很早很早，过时的渲染引擎 Mosaic . 在表格布局的时代。几乎是所有的元素（ [Re…
通过CSS3 Media Query实现响应式Web设计
如今的屏幕分辨率，小至320px(iPhone)，大到2560px甚至更高(大显示器)，变化范围极大。除了使用传统的台式机，用户会越来越多的通过手机、上网本、iPad一类的平板设备来浏览页面。这种情况下，固定宽度的设计方案将会显得越发不合理。页面需要有更好…
使用jQuery-DropKick插件美化select下拉框
DropKick 是一个下拉框美化插件，使用非常简单，直接为下拉框 select 调用方法即可，瞬间让你摆脱繁琐。DropKick 有 3 种主题，你可以选择一种与你的页面更加搭配的，当然你也可以自己定义 CSS样式。DropKick 支持键盘上下选择；支持回调，可以轻松…
Twitter发布BootStrap 2.3版本！
BootStrap由来2011年，Twitter的工程师为了提高他们内部的分析和管理能力，利用业余时间为他们的产品构建了一套易用、优雅、灵活、可扩展的前端工具集–BootStrap。这是一款开源的用于前端开发的工具包。BootStrap由Twitter的设计师Mark Otto和Jac […
网易财经前端开发经验总结
作为门户网站的前端，有许多说不出的苦楚：有些代码虽然自己也看不下去，但还是不得不硬着头皮把页面给拼上去，比如跟其他频道公用的部分：因为是公用，js、css必须写在该部分，调用的js库(网易的很多频道头部都调用了两个大同小异的js库)等都身不由…
灵活性响应式网页设计
在过去的一年里，如果你不是住在深山里，就一定知道响应式网页设计，它已经成为当今的主流。响应式设计是Ethan Marcotte提出的，概念很简单：使网站的页面布局能够根据不同设备和分辨率进行自动调整。当我第一次了解到它时，我就立即被迷住了–特别是media…
margin负值-权威指南
在1998年CSS2的建议使用CSS进行页面设计布局，table就渐渐淡出了历史舞台。也因为如此，CSS也变成了编码优雅的代名词。页面设计者用过的所有CSS概念中，margin常被设计者使用,而负margin应当是最少被谈及的定位方法，margin每个人都使用它，但很少人…
