宝哥
一个5年的前端开发工作者，有3年前端开发文章，主要分享我日常前端开发经验。不积跬步，无以至千里、不积细流，无以成江海
CSS3创建一个滑出滑入的动画
有时候我们需要在网站上的边栏上放一个客户帮助的表单，开始是放一个按钮在那里，点击之后滑出内容来，一般这种效果我们会用js来控制。现在CSS3也可以做到了哦。 不知道什么意思吗？看看这个演示 这个是怎么做到的呢？那就要用到CSS3里面的:ta ...
移动导航菜单设计和教程
在上一篇文章里面我已经介绍过移动菜单的一个比较好的方案，当然针对不同的设计，每个设计师肯定有一个自己的谱，下面来看看移动导航菜单的设计有哪些比较好的，同时会给出一个用js的方案，当然文章作者还是推荐使用css3的效果。前端博客的导航菜单同样 ...
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"& ...
如何在PS上使用Font Awesome字体
Font Awesome是一款非常流行和免费的图标字体。图标字体是非常适合用在网页设计中，因为它们可以用作图标显示在屏幕上，同时由于是用字体的，可以缩放和渲染，是一个非常高效的解决方案。 如果你还不知道这种新技术，可以查看维基了解更多详情。 ...
近期前端流行的资源分享
这是国外八月份正流行和热门的各类资源干货，本文筛选的给网页设计师的新货中包含了新鲜的网站、App、jQuery资源、网页开发工具、交互设计工具、色彩资源、代码资源以及一些超赞的新字体。 Typewolf 你在寻找字体排版的灵感吗？那么Typ ...