前端与美工职能上的区别
摘要：很多公司甚至是多数以互联网网站为主要业务的公司都会把“美工”的概念搞混淆，通常这些公司都会把网页设计+网页制作的人员统称为“美工”。而一家成熟的互联网公司则会把网站方面的人才规划的比较详细，如U[......]
8款在线CSS优化工具/组织和压缩CSS
CSS的优化通常包括两方面: 格式化CSS和精简CSS。
精简CSS的办法是把具有相同属性的元素合并在一起，但这会降低代码的可读性，使代码的后期维护很麻烦，稍不注意就出错。
格式化CSS一般就是多[......]
各大浏览器css hack收藏贴
color:red; /* 所有浏览器都支持 */
color:red !important;/* Firefox、IE7支持 */
_color:red; /* IE6支持 */
*color:re[......]
前端设计师必备的配色网站
颜色往往是页面传达给观众的第一印象，好的配色方案，很大程度上决定着一个网站设计的质量好坏，合理地选择合适的色彩搭配，契合网站设计目的的同时，可以更确切地传达网站产品要表达的内容和思想，除了平时使用的Web设计软件以外，更多地掌握一个在线配色调试工具，会给你的工作起到事半功倍的效果，节约工作成本。这里就为Web设计师整理了3个优秀的在线配色调试网站工具。
COLOURlovers ★★★★★
地址：http://www.colourlovers.com/
COLOURlovers也是在线配色网站，它既提供单一颜色搭配，又提供成套的配色方案。即使平时没有棘手的网站项目，也可以常来欣赏一下网友们上传的各类配色方案，可以对日后的设计有所帮助。COLOURlovers提供了更好的交互功能，
值得称道的是COLOURlovers还提供各种配色的花纹图案，可以说是对网页设计师有极大的帮助。
[......]
前端开发小工具集合
收集的一些轻量级非常实用的前端开发小工具：
CSS3相关
- CSS3样式生成器：http://www.css88.com/tool/css3Preview/
- CSS3渐变样式生成器，类似Photoshop中的渐变界面：http://www.colorzilla.com/gradient-editor/
- CSS3动画制作工具Sencha Animator：http://www.sencha.com/products/animator/
[......]
解决php168分类信息系统description的bug
最近在搞PHP168分类信息开源程序，程序比较老，出产于2009年，官方一直没有发布新版本，所以除了模板需要自己制作之外，很多程序上的BUG也只能自己一一修复。但苦于对PHP的一窍不通，只能边查询边学[......]
浅谈CSS设置默认字体样式
随着浏览器的层出不穷，前端开发者也要学会适应各种浏览器的默认属性。今天我们就来浅谈一下CSS设置默认字体样式的话题。
浏览器默认的样式往往在不同的浏览器、不同的语言版本甚至不同的系统版本都有不同的设置，这就导致如 果直接利用默认样式的页面在各个浏览器下显示非常不一致，于是就有了类似YUI的reset之类用来尽量重写浏览器的默认设置保证各个浏览器样式一致性的做法。
拿字体来说，各个浏览器默认的字体种类、字体大小和字体行高都不一样，比如IE8的中文版在Windows XP下显示网页时默认字体是宋体，而英文版肯定不会如此。所以我们需要统一设置默认的字体样式，以便实现一致的显示效果来保证设计的一致性和提高开发效率。
样式优先级
通常用户看到的页面的样式会受到三层控制:
第一层是浏览器的默认样式
第二层是网页定义样式
第三层是用户自定义样式
[......]
选项卡自适应宽度的CSS实现案例
最近碰到个带居中箭头的tab选项卡的制作，要求左右两边宽度都是10PX。文字及箭头居中显示：
在这里分享下我的做法，如果有更好的建议，欢迎在博客中指出。
html部分：
<li><a href=”javascript:void(0)”><span>幻想西游</span></a></li>
css部分：
[......]