存档

  • CssGaga 快速上手指南

    CssGaga是ytzong(涛哥)基于我们在朋友网日常的重构工作流程,为了提高工作效率而开发并不断完善起来的一个重构辅助工具。运行于Windows + .NET的环境,提供了重构相关的一系列解决方案。最近越来越多的朋友通过腾讯微博、QQ和Email咨询到有关CssGaga的问题,由于CssGaga本身也是在不断升级,以前的教程有些已经陈旧,为了帮助新接触到这个工具的同学,我这里再写一篇日志介绍一下CssGaga的基本使用。 CssGaga功能特性 合并import的CSS文件,开发阶段将CSS文件按模块拆分复用,发布上线后合并减少HTTP请求; 优化、压缩CSS代码,减少带宽占用,加快下载速度; 优化、发布CSS中使用到的图片,可以不必考虑多发、漏发图片文件的情况; 自动应用CSS Sprite技术,开发阶段不用考虑图标合并,便于管理,发布后的多个图标自动合并为一个图片,并自动更新CSS代码处理背景定位; 对CSS代码中使用到的图片自动加时间戳,以便在使用长Cache与更新后的图片及时生效; 样式有多套配色风格时,通过CssGaga可以实现皮肤的自动化同步; CSS样式、图片一键去色功能,在遇到特殊政治任务的时候,全站能迅速进行去色改版,迅速恢复; 生成iOS设备所需的不同尺寸Icon文件; 处理一些浏览器兼容方面的问题;

    2012年3月22日 | 归档于 所谓技术
  • 深入解析CSS样式层叠权重值

    读到《重新认识CSS的权重》这篇,鬼哥在文章最后给出了便于记忆的顺序:“important > 内联 > ID > 类 > 标签 | 伪类 | 属性选择 > 伪对象 > 继承 > 通配符”。那么这个顺序是怎么得出来的呢?实际上在CSS2规范关于具体性(specificity)的定义中,描述是非常明确的,但是很多中文版本的css图书中采用了10进制的简单相加计算方式(包括第一版《CSS权威指南》,第二版中已经纠正)。因此把规范中对CSS层叠优先级的相关定义意译一下,希望给初入门或对权重计算尚有疑惑的朋友提供一些参考。

    2011年5月26日 | 归档于 所谓技术
文章标签 ‘重构’