css

不再关注网络安全

轻量前端框架 Spectre.css

轻量前端框架 Spectre.css

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 布局调试代码

CSS 布局调试代码

说是工具其实只是一段 Javascript 代码,但非常实用,它会给页面里所有的 DOM 元素添加一个 1px 的描边(outline),方便我们在调试 CSS 过程中分析、排查问题。 先来看看代码,它有两个版本,一个是使用的$$选择...

关于重构,代码的坏味道,应该重构的代码

应该重构的代码 1.重复的代码: 重复代码在同一个类中的不同方法中,则直接提炼为一个方法,如果重复代码在两个互为兄弟的子类中,则将重复的代码提到父类中...

IE下js调试工具Companion.JS

IE下js调试工具Companion.JS

我恨IE,我恨,我恨,我恨,我真的恨……………………………………………… 做web开发的朋友都清楚,js程序的调试是相当郁闷的,因为首先这种语言语法比较灵活,它是一种弱类型的脚本语言,很多错误是无法控制的,这些不谈,最痛苦...

非常有用的CSS模板

非常有用的CSS模板

下面是CSS模板清单,将帮助您减少手酸,烦恼,节省您在写CSS的时间了,我希望你会发现它很有用。无论你是一个有经验的Web开发者,或刚开始使用CSS的初学者,都值得一试。 CSS Reset (CSS固定样板) /* http://...

瀑布流布局

瀑布流布局

如果你经常网上冲浪,这样参差不齐的多栏布局,是不是很眼熟啊? 类似的布局,似乎一夜之间出现在国内外大大小小的网站上,比如 Pinterest (貌似是最早使用这种布局的网站了),Mark之,蘑菇街,点点网,以及淘宝...

CSS Sprites 样式生成工具

CSS Sprites 样式生成工具

学CSS布局的同学应该多少知道CSS Sprites(图片合并)技术,简单的说就是利用CSS的background-position属性,控制显示一张大图片的显示区域。例子可以看这里《CSS Sprites: Image Slicing’s Kiss of Death》。 对...

Chrome自定义样式扩展 —— Stylish

Chrome自定义样式扩展 —— Stylish

谷哥近段时间发力了,几大产品都换上新颜,相当清新。不过之前在使用的自定义界面的chrome扩展就失效了,找找后发现了这款: Chrome扩展: Stylish,用来重新定义页面样式。 咱也就简单的自定义个字体,display:n...

CSS Tools: Reset CSS

重置CSS,这几乎可用在所有网页中,复位样式表的目的是为了减少在默认行高,空间和标题的字体大小,等等等浏览器的不一致性。 See the Code: /* http://m...

Google Cube立方体

几个月前做了个GCube,贴了6张图的立方体,不少人以为是用canvas做的,其实是纯粹的CSS实现。 为了体现是CSS效果,而不是画出来的,现在用iframe替换了图片。...