2012年2月2日
转：GIF和几种PNG(8/24/32)以及Alpha/索引色透明对比
摘要： PNG这种文件格式值得科普下,对比GIF来说PNG和GIF都支持动画PNG的动画也叫APNG,只是firefox支持,详见http://ooxx.me/apng.orz,如Firefox看这里的favicon,是会动滴所以动画图片来说,还是GIF支持最好第一种PNG叫PNG8(索引色透明),简单说可以理解为静态的GIF他们都只有256色,也支持索引透明,就是指定一个像素点是不是透明但是PNG由于算法的优势,体积比较少所以,静态GIF完全可用PNG8取代第二种PNG也叫PNG8(Alpha透明),牛逼在可指定像素点的透明度,例如50%透明度这种优点在于比PNG24/32体积小,因为也只有256色 阅读全文
posted @ 2012-02-02 09:53 hotcho 阅读(1194) 评论(0) 推荐(0)
2012年1月18日
code swarm生成可视化代码项目贡献动画
摘要： 前几天看了一个豆瓣年会的代码大爆炸视频，即用code swarm生成的一个可视化代码贡献量视频动画，挺赞的。code swarm支持使用svn、cvs等代码管理工具提交的日志生成动画。年尾手头工作不多，花了一点时间自己也搞了一下自己再公司做的项目的codeswarm，可惜svn只有部分的提交日志，否则生成的视频会更帅。跟大家说一下svn日志版生成codeswarm动画的步骤：前期准备：1、python 2.5环境、java环境并配置好2、服务器生成的svn log日志文件生成动画：1、去http://codeswarm.googlecode.com/svn/trunk 下载最新的codes.. 阅读全文
posted @ 2012-01-18 18:27 hotcho 阅读(1485) 评论(0) 推荐(0)
2011年9月9日
转：BigPipe学习研究
摘要： 1. 技术背景 FaceBook页面加载技术试想这样一个场景，一个经常访问的网站，每次打开它的页面都要要花费6 秒；同时另外一个网站提供了相似的服务，但响应时间只需3 秒，那么你会如何选择呢？数据表明，如果用户打开一个网站，等待3~4 秒还没有任何反应，他们会变得急躁，焦虑，抱怨，甚至关闭网页并且不再访问，这是非常糟糕的情况。所以，网页加载的速度十分重要,尤其对于拥有遍布全球的5亿用户的Facebook(全球最大的社交服务网站)这样的大型网站，有着大量并发请求、海量数据等客观情况，速度就成了必须攻克的难题之一。2010 年初的时候，Facebook 的前端性能研究小组开始了他们的优化项目，经过 阅读全文
posted @ 2011-09-09 18:53 hotcho 阅读(2330) 评论(2) 推荐(1)
2011年5月29日
转：5个AJAX Loading动画图标生成器
摘要： 在AJAX应用中经常需要根据用户的动作实时加载数据，加载速度与具体的网络情况有关。在加载过程中，如果你想告诉用户有信息正在加载，你可能需要一个“Loading”的动画图标。然而，并非所有人都有能力去设计和制作出这样的图标。在这里，我向大家推荐几个在线工具，它们可以根据设置生成“Loading”动画图标。PreLoaders.NetPreLoaders.Net提供的动画样式非常全面，有2D的、也有3D的，还可以设置背景色、前景色、大小、动画速度等参数。AjaxLoad.InfoAjaxLoad.Info目前还是beta版，仅能设置动画样式、前景色和背景色。LoadInfo.NetLoadingI 阅读全文
posted @ 2011-05-29 11:01 hotcho 阅读(489) 评论(0) 推荐(0)
2011年5月9日
转：网站开发人员应该知道的61件事
摘要： 一、界面和用户体验（Interface and User Experience）1.1知道各大浏览器执行Web标准的情况，保证你的站点在主要浏览器上都能正常运行。你至少要测试以下引擎：Gecko （用于Firefox ）、Webkit（用于Safari 、Chrome 和一些手机浏览器）、IE（你可以利用微软发布的Application Compatibility VPC Images 进行测试）和Opera 。同时，不同的操作系统，可能也会影响浏览器如何呈现 你的网站。1.2除了浏览器，网站还有其他使用方式：手机、屏幕朗读器、搜索引擎等等。你应该知道在这些情况下，你的网站的运行状况。Mobi 阅读全文
posted @ 2011-05-09 09:51 hotcho 阅读(373) 评论(1) 推荐(0)
2011年3月30日
新浪微博挂件Flash版开发日志
摘要： 做这个东西也有好些天了，终于可以放在线上测试一下了。版本：2011-03-30功能：1、在html的<embed>标签设置用户id和皮肤，然后可以加载该用户的微博主页前20条记录，本地版本可以请求图片和文字内容，线上版本暂时只能请求文字。2、本地版本可以查看图片，放大拖动查看。3、可拖拽或滚动滚轮查看内容。4、支持换皮肤版本：2011-03-31更新：1、线上版本也可以加载图片了。2、不用登陆也可以获取某个uid主人的微博信息。3、完善一点点的UI线上版本预览可以查看我的主页右侧的挂件：http://www.cnblogs.com/cos2004，或者我的QQ空间首页也可以查看：h 阅读全文
posted @ 2011-03-30 17:26 hotcho 阅读(1809) 评论(2) 推荐(0)
html<embed>标签和url向Flash传flashvars值
摘要： 今天的工作遇到了flash读取embed中的flashvars值，特意研究了一下。先看html代码：<object><embed src="test.swf" wmode="transparent" quality="high" width="550" height="400" align="L" scale="noborder" flashvars="width=300&height=500&color=blu 阅读全文
posted @ 2011-03-30 15:10 hotcho 阅读(32920) 评论(0) 推荐(2)
2011年3月26日
JavaScript读书笔记：页面元素的坐标和鼠标事件的坐标
摘要： 图是自己作的，但是没什么原创内容，参考自《JavaScript高级程序设计》一书的插图。基本不用文字介绍，直接看图理解这些概念更加明了。图1：鼠标事件相关的坐标图示。点此查看大图图2：页面元素的坐标等属性。点此查看大图参考资料：《JavaScript高级程序设计》 阅读全文
posted @ 2011-03-26 00:16 hotcho 阅读(350) 评论(0) 推荐(0)
2011年3月10日
小练习：图片轮播jQuery版
摘要： 学习JS也有一段时间了，这是我花了近一天的时间做的练习，不会的函数就翻翻jQuery的帮助文档，还算做的比较顺利。兼容ie6（有一点点兼容性问题但不影响功能）、7、8和ff，还有一个小问题，就是ie8好像不支持jQuery的fadeIn()方法，因此ie8下没有渐变的切换效果，不知什么原因。效果预览（预览有问题请把代码拷回本地html预览）： 这是题目1234代码：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xh 阅读全文
posted @ 2011-03-10 11:51 hotcho 阅读(1888) 评论(1) 推荐(2)
2011年3月8日
探究css中各种情况下的元素的垂直和水平居中的问题
摘要： 今天的工作涉及到一个未知图片大小（图片小于容器大小）的垂直居中的问题。很久之前就“久仰”各种浏览器对css垂直居中的“支持”情况了，比较难搞，完全不像水平居中那样简单。趁有机会就整理了一些情况下的垂直水平居中的情况，给大家和自己做个参考，欢迎指正。以下例子都经过测试，在ie6、7、8和ff上无兼容性问题。在下面的预览可能会出现问题，大家可以直接把代码拷回本地html文件测试1、容器大小已定、图片大小未定（图片小于容器大小）的垂直水平居中。这种情况参考了听说是淘宝笔试的题目的一种答案，效果如下： 2、容器大小已定，里面的子div垂直水平居中，效果如下：我是div 3、容器高度已定，多行文字垂直水 阅读全文
posted @ 2011-03-08 14:56 hotcho 阅读(1323) 评论(0) 推荐(0)