摘要: 老外的一个ppt,讲得非常好,介绍css3的一些属性,走过路过不要错过CSS Nuggets View more presentations from Anna Debenham阅读全文
posted @ 2012-05-20 13:54 白树 阅读(28) 评论(0) 编辑
摘要: 可能是某篇微博的关系,今天有人来评论说,使用雪碧图,内存会暴涨的。。。这个问题讨论的也蛮多了,那,到底,使用雪碧图后,会占用很多内存吗?实验:下午做了个简单的实验,用99个128px*128px的png 32图片,写了三个页面来做测试:只用img标签调用;用css分别调用每个png图片做背景;使用雪碧图做背景然后分别用Chrome、IE6/7/8/9、Firefox做测试,具体的数据我这里就不详细列了,感兴趣的话可以自测一下。结论:在各浏览器下,三个页面占用的内存相当,只有很小的差异,Chrome下,雪碧图占用内存略少一点点儿,IE下略多一点点儿。。。包括mouseover等交互事件,对浏览器阅读全文
posted @ 2012-05-18 16:08 白树 阅读(21) 评论(0) 编辑
摘要: 本文的快捷键只要是笔者工作中(前端开发)常用的,个人觉得比较实在、好用,推荐给各位,希望对大家有所帮助。1. Ctrl + Shift + N – 创建一个新的文件夹你需要在文件夹窗口中或者桌面按Ctrl + Shift + N才行2. Ctrl + Shift + Esc – 快速打开 Windows 任务管理器非常好用的快捷键3. Win + D – 显示桌面非常好用的快捷键4. Win + E – 打开我的电脑非常好用的快捷键5. Win + R – 打开运行窗口非常好用的快捷键6. Win + B – 移动光标到系统托盘针对键盘爱好者,不需要在狂按 TAB 键才切换到系统托盘了。Win阅读全文
posted @ 2012-05-13 13:23 白树 阅读(564) 评论(0) 编辑
摘要: 4月份一直忙,一直想抽时间来写博文,现在终于挤出来了,回忆在小钱包项目中遇到各种困难的问题,对a:hover.class与a:hover .class的用法不是很理解,写法的区别在于在hover与.class中间是否多一个空格。以前每次我都宁愿多写个class来避开这种写法,后来为了使用css sprite技术的背景图,花了点时间去研究下,终于了解其中的原理,文章内容简单,高手就当做路过,不清楚的同学请留意下,或许对你有帮助。看下面的2组结构和样式...第一组<a href="#"><span class="ico-manage">阅读全文
posted @ 2012-05-08 22:51 白树 阅读(1538) 评论(6) 编辑
摘要: 浏览器的兼容性一直是个头疼的问题,使用“欺骗”技术可使各个浏览器效果一致,花了些时间整理了各个浏览器的HACK,主要包括IE系列和最新版本的Chrome、Safari、Firefox、 Opera,比较全面的记录下Hack,内容包括3部分:@ hack、属性Hack、选择器Hack,这些Hack已经测试并得到有效运用,有需要的同学可以放心使用,笔者会在以后不断的更新,如果有需要补充或者修改的,欢迎大家指教!以下代码之间的空格是必要的,缺少空格导致失效/*---------------------------------@ hack [[-----------------------------阅读全文
posted @ 2012-04-09 10:23 白树 阅读(1466) 评论(13) 编辑
摘要: 原文地址:http://www.twinsenliang.net/skill/20090413.html早段时间特别的忙,忙到站点一直没有更新;但是这段时间也是偷偷的做了一些的工作,比如对站点的JS进行了压缩,构思labs分站以及聚合分站。而此段时间最烦的是森林群里面的一群人每天上班都在吵,然后我就每次都装嫩的在里面问:“各位高手,劳烦请问一下;清除浮动怎么弄?”清除浮动一个凡是做页面的人都会遇到的一个东西,但是是否大家都能够清楚的知道,全方位的了解呢?于是一闲下来了马上写了这样的一篇文章,不能讲面面俱到,然而基本能将我所知道的倾囊相授了。我们粗略的一起来看看清除浮动的办法一共有多少个(IE里阅读全文
posted @ 2012-03-25 22:40 白树 阅读(50) 评论(0) 编辑
摘要: 去年(2011.3),我来了深圳,租了房子后,3月20号参加公司实习生封闭培训,20天后结束了课程并回到了公司开始了我的工作生涯。回头,不知不觉已经工作了1年,我时常想念学生时代的日子,感觉真的很幸福。 大三那年(2009.10),我加入了广州启凡团队,在团队中负责简单的页面设计、切图、CSS、flash等,通过不断的学习和努力,成功完成了每一个项目,技术虽然一般,但在当时的小型团队中还是得到认可的,后来团队的设计师给每个成员做了一张名片,我的名片中有个职位:前端开发工程师。那段时间过得很快,每天在电脑面前不是做项目就是玩Dota,做项目的好处是心理上觉得生活充实,不会因为逃课觉得堕落,...阅读全文
posted @ 2012-03-25 14:02 白树 阅读(1615) 评论(9) 编辑
摘要: 记得在读大学期间,去找实习,面试时被问到“什么是标签的语义化”,一头汗水,也忘记那时是怎么瞎扯了,后来回宿舍,上网查“标签语义化”,当时的网络对标签语义化的解释并不多,在找了很多网络资料和书籍后才对语义化有一定的了解。现在标签语义化这个专业名字,在前端开发的领域中已经不陌生了。 什么是标签语义化?为什么要标签语义化?如何语义化标签?这是一名合格的前端开发工程师需要思考的。《HTML标签语义化对照表》解释了HTML标签的语义,有助于大家理解语义化,《(X)HTML嵌套规则》说明了标签的嵌套规则,也是语义化标签需要认识的。关于语义化的好处,就笔者的理解有两点:一是对搜索引擎友好,良好的结构和...阅读全文
posted @ 2012-03-15 22:03 白树 阅读(1330) 评论(6) 编辑
摘要: 简单认识了块元素和内嵌元素以后,下面就可以罗列 XHTML 标签的嵌套规则了:1. 块元素可以包含内联元素或某些块元素,但内联元素却不能包含块元素,它只能包含其它的内联元素:<div><h1></h1><p></p></div> —— 对 <a href=”#”><span></span></a> —— 对 <span><div></div></span> —— 错2. 块级元素不能放在<p>里面:<p>阅读全文
posted @ 2012-03-11 19:19 白树 阅读(82) 评论(0) 编辑
摘要: 标签名英文全拼中文翻译aanchor锚abbrabbreviation缩写词acronymacronym取首字母的缩写词addressaddress地址bbold粗体bigbig变大blockquoteblock quotation区块引用于brbreak换行captioncaption标题centercenter居中dddefinition description定义描述deldelete删除divdivision分隔dldefinition list定义列表dtdefinition term定义术语ememphasized加重fieldsetfieldset域集fontfont...阅读全文
posted @ 2012-03-08 17:43 白树 阅读(109) 评论(0) 编辑