09 2014 档案

再聊清除浮动
摘要：浮动(float)，一个我们即爱又恨的属性。爱，因为通过浮动，我们能很方便地布局； 恨，浮动之后遗留下来太多的问题需要解决，特别是IE6-7（以下无特殊说明均指 windows 平台的 IE浏览器）。也许很多人都有这样的疑问，浮动从何而来？我们为何要清除浮动？清除浮动的原理是什么？本文将一步一步地深... 阅读全文
posted @ 2014-09-29 09:43 goodbyepeterpan 阅读(158) 评论(0) 推荐(0)
js中if的简写方法
摘要：http://transitions1020.com/#太帅！ 阅读全文
posted @ 2014-09-28 17:51 goodbyepeterpan 阅读(3448) 评论(0) 推荐(0)
ShineTime 是一个效果非常精致的缩略图相册
摘要：ShineTime 是一个效果非常精致的缩略图相册，鼠标悬停到缩略图的时候有很炫的闪光效果，基于CSS3实现，另外缩略图也会有立体移动的效果。特别适用于个人摄影作品，公司产品展示等用途，快来来围观吧。插件下载 效果演示 阅读全文
posted @ 2014-09-28 17:01 goodbyepeterpan 阅读(184) 评论(2) 推荐(0)
用css3画企鹅
摘要：1 2 3 4 5 6 7 8 9 QQ企鹅 10 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 阅读全文
posted @ 2014-09-28 16:13 goodbyepeterpan 阅读(180) 评论(0) 推荐(0)
checkbox与说明文字无法对齐的问题
摘要：写过Web页面的朋友大概都曾遇到过这样的问题：checkbox与说明文字（比如一个label标签或一个a标签）无法对齐，要不是checkbox上浮了，要不是说明文字上浮。以前遇到过这个问题，但是都直接忽视，并未深究。今天要解决项目中遗留下的界面显示问题，这个问题终于绕不过去了，因为它真的是无处不在。... 阅读全文
posted @ 2014-09-26 15:51 goodbyepeterpan 阅读(412) 评论(1) 推荐(0)
用JQUERY实现给当前页面导航一个CSS
摘要：今天遇到一个问题当我在导航中点击一个标签后希望用户知道自己所在导航的位置只需要根据点击的页面是否加载完成给这个标签用JS 添加一个CCcurr的也就是我们常说的current CLASS代码如下： 阅读全文
posted @ 2014-09-18 18:35 goodbyepeterpan 阅读(261) 评论(0) 推荐(0)
前端学习资料汇总（转）
摘要：前端工具：can i see :http://caniuse.com/——一个查看css及html5在各个浏览器及手机端的支持情况前端视野：——平时可以多看看的网站了解下最新资讯前端观察站，腾讯的前端技术，挺有含金量：html5 中国： http://www.html5cn.org/ ——有很多ht... 阅读全文
posted @ 2014-09-16 16:33 goodbyepeterpan 阅读(183) 评论(1) 推荐(0)
揭秘Amazon反应速度超快的下拉菜单
摘要：揭秘Amazon反应速度超快的下拉菜单如果你以前觉得Amazon这家公司不太在用户体验上下功夫，这篇文章可能会改变你的看法。Amazon主页的左上角有一个商品分类浏览的下拉菜单。当鼠标从菜单中的选项上滑过时，子菜单的显示速度是超快的。我们可以看一下：这个显示速度基本是与鼠标移动同步的，但是绝大多数网... 阅读全文
posted @ 2014-09-16 10:20 goodbyepeterpan 阅读(218) 评论(0) 推荐(0)
CSS3滤镜
摘要：今天在办公室亲眼目睹了同事使用CSS3滤镜为一张漂亮的照片轮廓加上了阴影，瞬间亮瞎了我的的双眼，见笑了。所以也迅速尝试使用CSS3滤镜让最新出炉的MUI LOGO也性感一把，试图来愉悦一下大家的双眼。已经等不及了，赶紧奉上今天的测试结果。CSS3滤镜包括了以下几种：只取其一，同时存在时，后边覆盖前边... 阅读全文
posted @ 2014-09-15 15:13 goodbyepeterpan 阅读(212) 评论(0) 推荐(0)
雅虎团队经验：网站页面性能优化的34条黄金守则
摘要：雅虎团队经验：网站页面性能优化的34条黄金守则1、尽量减少HTTP请求次数 终端用户响应的时间中，有80%用于下载各项内容。这部分时间包括下载页面中的图像、样式表、脚本、Flash等。通过减少页面中的元素可以减少HTTP请求的次数。这是提高网页速度的关键步骤。 减少页面组件的方法其实就是简化页面设计... 阅读全文
posted @ 2014-09-12 14:49 goodbyepeterpan 阅读(188) 评论(1) 推荐(0)
10条影响CSS渲染速度的写法与建议
摘要：1、*{} #zishu *{} 尽量避开由于不同浏览器对HTML标签的解释有差异，所以最终的网页效果在不同的浏览器中可能是不一样的，为了消除这方面的风险，设计者通常会在CSS的一个始就把所有标签的默认属性全部去除，以达到所有签标属性值都统一的效果。所以就有了*通配符。*会遍历所有的标签；*{mar... 阅读全文
posted @ 2014-09-10 16:06 goodbyepeterpan 阅读(130) 评论(0) 推荐(0)
前端优秀网站
摘要：前言：　站在巨人的肩膀上，确实能让我们看得更远。而我认为学习的不二法门就是不断模仿，但是一定要有自己的思考。拿来主义如果少了思考，就会变得毫无意义。以下列出一些前端优秀网站，大家自行取其精华，批判吸收。 学习站点资源Adobe出的，Adobe其实是html5非常忠实的拥抱者。官方社区有非常多的ht... 阅读全文
posted @ 2014-09-10 16:03 goodbyepeterpan 阅读(373) 评论(0) 推荐(0)
视频媒体播放，最好的 HTML 解决方法
摘要：最好的 HTML 解决方法HTML 5 + 上面的代码来自W3CSchoolobject标签只支持IE系列的浏览器或者其它支持Activex控件的浏览器 （Internet Explorer） 为了确保大多数浏览器能正常显示flash，你需要把embed标签嵌套放在object标签内。-----简言... 阅读全文
posted @ 2014-09-09 16:44 goodbyepeterpan 阅读(384) 评论(0) 推荐(0)
zen-coding for notepad++，前端最佳手写代码编辑器
摘要：zen-Coding是一款快速编写HTML,CSS（或其他格式化语言）代码的编辑器插件，这个插件可以用缩写方式完成大量重复的编码工作，是web前端从业者的利器。 zen-Coding插件支持多种编辑器，如UltraEdit，Notepad++等。温馨提示：zen-Coding已经改名Emmet，并且... 阅读全文
posted @ 2014-09-09 16:02 goodbyepeterpan 阅读(510) 评论(0) 推荐(0)