Doodle

[2011.10.05] 7:35 pm

Continue reading

Posted in Talk about interest1 views | Tagged | 27 Comments

更简便的Mobile Web调试工具——Adobe Shadow

前段时间介绍了使用Weinre来调试Mobile Web的方法,而Adobe在3月份也推出了基于Weinre的的调试用具——Shadow,随着Release 2版的发布,Shadow在功能和体验上都有不错的表现,这里就做个简单的介绍。
Continue reading

Posted in Software74 views | Leave a comment

Retina时代的前端视觉优化

随着New iPad的发布,平板也将逐渐进入Retina时代,在高分辨率设备里图片的显示效果通常不尽人意,为了达到最佳的显示效果就需要对图片进行优化,这里介绍一些优化方法:

一、用CSS替代图片

这一点在任何时候都适用;只是在当前我们可以更多的使用样式表来制作出设计效果,CSS3的圆角、渐变、模盒阴影、字体阴影能帮助我们处理绝大多数视觉效果,并且在各种分辨率下都有良好的表现。
Continue reading

Posted in HTML & CSS238 views | Leave a comment

使用Weinre调试Mobile Web

移动web的调试一直是个难题,前期可以使用模拟器来协助调试,但到了真机调试阶段就让人非常头痛。而Weinre就是解决这难题的利器。
Weinre的本意是Web Inspector Remote,它是一种远程调试工具。功能与Firebug、Webkit inspector类似,可以帮助我们即时更改页面元素、样式,调试JS等,下面就简单介绍下如何使用。
Continue reading

Posted in Software745 views | 4 Comments

x-webkit-speech 语音输入功能

现在各大网站都在搜索框中加入了语音输入功能,不过目前只有Chrome 11及以上版本才支持。
可以用chrome浏览器在这里试试效果,点击话筒即可:

实现起来也非常简单,为input添加名为 x-webkit-speech 的属性就行了。
Continue reading

Posted in HTML & CSS1,544 views | Tagged | 2 Comments

浏览器工作原理

作为前端,了解浏览器的工作原理还是很有必要的,这篇文章可以帮助我们把很多前端知识串起来,读了之后受益良多,所以转了过来。文章非常长,译文的排版不是很清晰,我对照原文重新排了个版,并且修正了一些明显的翻译问题,本文省略了原文中文法解析部分,因为感觉这部分太深入了,对前端工作帮助不大;如果对这部分感兴趣可以查看原文或译文
原文在这里:http://taligarsiel.com/Projects/howbrowserswork1.htm
译文在这里:http://blog.csdn.net/zzzaquarius/article/details/6532299

一、简介

浏览器可以被认为是使用最广泛的软件,本文将介绍浏览器的工作原理,我们将看到,从你在地址栏输入google.com到你看到google主页过程中都发生了什么。
Continue reading

Posted in HTML & CSS842 views | 1 Comment
Pages: 1 2 3 4 5 6 7 8 9 10 ...21 22 23 Next