轻量前端框架 Spectre.css
- 2016-06-29
- 前端
Spectre.css Spectre.css is a lightweight, responsive and modern CSS framework for faster and extensible development. lightweight and clean starting point for your project and prototype flexbox,...
CSS 布局调试代码
- 2015-06-27
- javascript
说是工具其实只是一段 Javascript 代码,但非常实用,它会给页面里所有的 DOM 元素添加一个 1px 的描边(outline),方便我们在调试 CSS 过程中分析、排查问题。 先来看看代码,它有两个版本,一个是使用的$$选择...
关于重构,代码的坏味道,应该重构的代码
- 2013-01-06
- 前端
应该重构的代码 1.重复的代码: 重复代码在同一个类中的不同方法中,则直接提炼为一个方法,如果重复代码在两个互为兄弟的子类中,则将重复的代码提到父类中...
IE下js调试工具Companion.JS
- 2012-11-18
- 前端
我恨IE,我恨,我恨,我恨,我真的恨……………………………………………… 做web开发的朋友都清楚,js程序的调试是相当郁闷的,因为首先这种语言语法比较灵活,它是一种弱类型的脚本语言,很多错误是无法控制的,这些不谈,最痛苦...
非常有用的CSS模板
- 2012-07-06
- 前端
下面是CSS模板清单,将帮助您减少手酸,烦恼,节省您在写CSS的时间了,我希望你会发现它很有用。无论你是一个有经验的Web开发者,或刚开始使用CSS的初学者,都值得一试。 CSS Reset (CSS固定样板) /* http://...
CSS Sprites 样式生成工具
- 2012-04-05
- 前端
学CSS布局的同学应该多少知道CSS Sprites(图片合并)技术,简单的说就是利用CSS的background-position属性,控制显示一张大图片的显示区域。例子可以看这里《CSS Sprites: Image Slicing’s Kiss of Death》。 对...
Chrome自定义样式扩展 —— Stylish
- 2011-11-29
- 前端
谷哥近段时间发力了,几大产品都换上新颜,相当清新。不过之前在使用的自定义界面的chrome扩展就失效了,找找后发现了这款: Chrome扩展: Stylish,用来重新定义页面样式。 咱也就简单的自定义个字体,display:n...
CSS Tools: Reset CSS
- 2011-11-24
- 前端
重置CSS,这几乎可用在所有网页中,复位样式表的目的是为了减少在默认行高,空间和标题的字体大小,等等等浏览器的不一致性。 See the Code: /* http://m...
Google Cube立方体
- 2011-11-06
- 前端
几个月前做了个GCube,贴了6张图的立方体,不少人以为是用canvas做的,其实是纯粹的CSS实现。 为了体现是CSS效果,而不是画出来的,现在用iframe替换了图片。...