前端开发
前端开发博客专注于前端开发，分享前端开发技术、前端开发教程、前端开发工具和前端开发资源等
CSS自适应导航菜单
本文教程旨在教你如何创建一个使用HTML5+CSS的自适应导航菜单，它不需要用到javascript，而且可以居左，居中和居右，这个菜单不是通过点击显示的，它是鼠标滑过的时候显示出来的，并且兼容各种浏览器包括手机客户端和IE浏览器。 这个小 ...
jquery1.9删除的browser,live,die,sub,toggle的替换方法
jQuery 1.9变化有几点，最重要的是标题所提到的browser,live,die,sub,toggle这几个，如果你在使用过程中遇到高级版本不行，而低版本却可以的时候，那你就要了解一下是不是版本升级带来的影响了。之前也转载过一篇“jQ ...
sass、less和stylus的安装使用和入门实践
刚开始的时候，说实话，我很反感使用css预处理器这种新玩意的，因为其中涉及到了编程的东西，私以为很复杂，而且考虑到项目不是一天能够完成的，也很少是一个人完成的，对于这种团队的项目开发，前端实践用css预处理器来合作，是一种很痛苦，即使不痛苦 ...
超酷的CSS3幻灯片效果
对于css3的喜爱可谓日渐增加，无奈自己很忙，没有多少时间来研究，这段时间也做了很多这方面的项目，比如类似于QQ 的IM沟通工具界面，比如新的博客界面，比如这个css 幻灯片演示（拿来的）。 如果让我来做这个幻灯片的效果，我想可能跟这个不太 ...
CSS3手风琴的两种制作方案
CSS3手风琴效果，使用到的是CSS3里面新的属性：:target和:checked 因而从这两种属性出发我们可以制作两种方案。 第一种：:target <section> <ul> <li id="one"& ...
css透明背景兼容方案
css透明是一个技术活，因为这里面涉及到了IE8及以下版本不兼容opacity这个css3属性，而filter:alpha(opacity=80)这个值则是不兼容IE6.网上比较流行的透明css是这样子写的。 .transparent_cl ...
用Fiddler模拟低速网络环境
有时候宽频网路用习惯了… 在开发的过程就比较少去考虑最佳化的问题… 但当有人反应说「你的网页好慢」 甚至当网路速度慢，会造成你的网页跳出什么啊哩不哒的bug时要如何重现呢？ 我们可以用Fiddler 这套强大的Web Debugging 工 ...
高级CSS选择器,CSS3选择器
以前由于考虑到IE6等浏览器的兼容属性，常常对于高级的css选择符不感兴趣，最近开始，发现前端方面的IE6其实已经逐渐的消失了，学会用css3的高级选择器，可以起到事半功倍的效果，所以以后将会加强这方面的学习和积累一些经验，今天重温以前被人 ...
CSS Hack代码与浏览兼容总结
关于CSS Hack的东西能少尽量少吧。发现这篇文章我写得太复杂了，所以重新精简了一下，把代码粘贴到jsfiddle上，方面修改代码和维护。 1, IE条件注释法，微软官方推荐的hack方式。 只在IE下生效 <!--[if IE]& ...
css书写顺序和常用命名推荐
写css代码的时候有一个好的规范和顺序能够帮你节省很多时间。下文将推荐相关CSS书写顺序和规范的一些方法。这个文档将会整理进前端规范文档中，如果你有更好的意见，不妨留言告知我们。