• 博客园logo
  • 会员
  • 周边
  • 众包
  • 新闻
  • 博问
  • 闪存
  • 赞助商
  • Chat2DB
    • 搜索
      所有博客
    • 搜索
      当前博客
  • 写随笔 我的博客 短消息 简洁模式
    用户头像
    我的博客 我的园子 账号设置 会员中心 简洁模式 ... 退出登录
    注册 登录
00fairy00の学习园地
博客园    首页    新随笔    联系   管理    订阅  订阅
2012年12月7日
【NO.70 Sass】
摘要: http://blog.jnecw.com/?p=524 阅读全文
posted @ 2012-12-07 15:21 00fairy00 阅读(206) 评论(0) 推荐(0)
2012年11月29日
【NO.69】转 js数组的操作
摘要: 用 js有很久了,但都没有深究过js的数组形式。偶尔用用也就是简单的string.split(char)。这段时间做的一个项目,用到数组的地方很多,自以为js高手的自己居然无从下手,一下狠心,我学!呵呵。学了之后才知道,js数组的功能强大很,远比VB,C#强多了,大家慢慢看吧1、数组的创建vararrayObj=newArray(); //创建一个数组vararrayObj=newArray([size]); //创建一个数组并指定长度,注意不是上限,是长度vararrayObj=newArray([element0[,element1[,...[,elementN]]]]); //创建一个数 阅读全文
posted @ 2012-11-29 17:44 00fairy00 阅读(252) 评论(0) 推荐(0)
2012年11月28日
【NO.68】转 css规范
摘要: http://fed.renren.com/wp-content/uploads/2012/11/%E4%BA%BA%E4%BA%BAFED-CSS%E7%BC%96%E7%A0%81%E8%A7%84%E8%8C%83.pdf通用约定 http://docs.kissyui.com/docs/html/tutorials/styleguide/common-conventions.html html规范 http://docs.kissyui.com/docs/html/tutorials/styleguide/html-coding-style.html css规范 http:/... 阅读全文
posted @ 2012-11-28 10:57 00fairy00 阅读(210) 评论(0) 推荐(0)
2012年8月10日
【NO.67】转 让IE6支持图片半透明
摘要: 众所周知,透明格式的PNG24在IE6透明部分将会被灰色替代。那么,到底有什么方法可以解决这个bug?解决方法:①用PNG8格式图片替代PNG24格式的图片 用fireworks导出Alpha模式的PNG8格式的图片,Alpha模式的PNG8格式图片支持半透明,在IE6下全透明以及半透明部分会显示成全透明,并且会存在锯齿。如果对用户体验影响不是很大的话,可以考虑一下用这个方法。②CSS滤镜 在应用了透明PNG图片的选择器里面加上一下代码:_background: transparent;_filter: progid:DXImageTransform.Microsoft.AlphaImageL 阅读全文
posted @ 2012-08-10 14:38 00fairy00 阅读(206) 评论(0) 推荐(0)
2012年6月4日
【NO.66】转 Yahoo的军规条例
摘要: 转自:http://ued.alimama.com/1、尽量减少HTTP请求个数——须权衡合并图片(如css sprites,内置图片使用数据)、合并CSS、JS,这一点很重要,但是要考虑合并后的文件体积。2、使用CDN(内容分发网络)这里可以关注CDN的三类实现:镜像、高速缓存、专线,以及智能路由器和负载均衡;3、为文件头指定Expires或Cache-Control,使内容具有缓存性。区分静态内容和动态内容,避免以后页面访问中不必要的HTTP请求。4、避免空的src和href留意具有这两个属性的标签如link,script,img,iframe等;5、使用gzip压缩内容Gzip压缩所有可 阅读全文
posted @ 2012-06-04 15:00 00fairy00 阅读(264) 评论(0) 推荐(0)
2012年3月31日
【转】当inline-block和text-indent遇到IE6,IE7
摘要: 在实际应用中,考虑到seo,很多button,icon都要用到inline-block和text-indent来处理,例如:<a href="#" class="btn">Button</a>css我习惯写成这样.btn{display:inline-block; width:100px; height:23px; text-indent:-9999px;background-image:url(img.jpg);}在标准浏览器下是没问题的,但是在IE6和7下会触发A标签消失的bug。解决方法1:display:inline-bl 阅读全文
posted @ 2012-03-31 10:15 00fairy00 阅读(322) 评论(0) 推荐(0)
2011年9月20日
NO.64 【转】瀑布流布局浅析
摘要: 转载地址:http://ued.taobao.com/blog/2011/09/14/waterfall/简介如果你经常网上冲浪,这样参差不齐的多栏布局,是不是很眼熟啊?类似的布局,似乎一夜之间出现在国内外大大小小的网站上,比如Pinterest(貌似是最早使用这种布局的网站了),Mark之,蘑菇街,点点网,以及淘宝最新上线的“哇哦” 等等,倒是很流行哈~ 在淘宝即将上线的众多产品中,你还会大量看到这样的形式呢。这种布局适合于小数据块,每个数据块内容相近且没有侧重。通常,随着页面滚动条向下滚动,这种布局还会不断加载数据块并附加至当前尾部。所以,我们给这样的布局起了一个形象的名字 —瀑布流式布局 阅读全文
posted @ 2011-09-20 10:47 00fairy00 阅读(364) 评论(0) 推荐(0)
2011年8月4日
NO.63 点击弹出遮罩层,层可以拖动,select可以挡住
摘要: <!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><head><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/> 阅读全文
posted @ 2011-08-04 13:39 00fairy00 阅读(671) 评论(0) 推荐(0)
2011年8月3日
NO.62 让带圆角的button自适应宽度
摘要: <!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><head><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/> 阅读全文
posted @ 2011-08-03 16:12 00fairy00 阅读(929) 评论(0) 推荐(0)
2011年7月13日
NO.61 CSS实现半透明效果实现及兼容性
摘要: 网页半透明效果经常在一些很酷网站中用到,虽然说现在还没有被纳入W3C标准中,但对于CSSer们还是很热捧的。从网上收集并整理了一下以后备用。1. 旧的Opacity设置以下代码是Firefox和Safari旧版本所需的透明度设置:复制内容到剪贴板代码:#ceng { -khtml-opacity:0.5;-moz-opacity: 0.5; }-khtml-opacity设置是针对旧版本的Webkit渲染引擎,这种专用属性现在已经过时了,除非你还有需要兼容Safari 1.x.的用户。-moz-opacity是为了兼容Mozilla渲染引擎的早期版本,以及追溯到Netscape Navigat 阅读全文
posted @ 2011-07-13 16:49 00fairy00 阅读(9696) 评论(0) 推荐(1)
下一页
博客园  ©  2004-2025
浙公网安备 33010602011771号 浙ICP备2021040463号-3