搜索
分类
- HTML & CSS (50)
- Javascript (13)
- jQuery (14)
- Photoshop (4)
- Software (18)
- Talk about interest (11)
- UE (7)
- WebApp (3)
- Wordpress (11)
-
近期文章
文章
标签云
HTML5相关
在线工具
功能
Category Archives: HTML & CSS
打造移动终端的 WebApp (二):完善舞台
上一节介绍了如何搭建一个“舞台”,但这个“舞台”还非常简陋,因为WebApp会运行在多种不同分辨率的设备下,为了让“舞台”适应各种“场地”,我们还需要进一步优化。 以我们的研究对象为例(iPhone、iPad) 它们的分辨率分别为: iPhone 3GS及以下: 480×320 iPhone 4: 960×640 iPad:1024×768 并且每个设备还分为全景模式(横屏),肖像模式(竖屏)。
Posted in HTML & CSS, WebApp1,125 views
Leave a comment
W3C公布HTML5 Logo
头一次看到W3C花这么大气力来宣传一个标准,LOGO很简洁,它代表强大、真实,具有适应性和普遍性,就像具有前瞻性的专业开发人员一样明亮和果敢。 除了LOGO外,还提供了八大类别,用户可根据自己的需求来定制自己的HTML5 LOGO。 网址:http://www.w3.org/html/logo/
Posted in HTML & CSS, Talk about interest1,137 views
1 Comment
纯CSS打造Flow-Steps导航
效果图: 几个要点: 1.三角箭头效果是用border实现的,详细的可以google下CSS 三角 2.IE6下不支持border-color:transparent(透明),解决方法是先将其设置为一个不常用的颜色,然后再用IE的滤镜将其透明化(Demo中有注释)
CSS方法解决chrome 12像素字体限制
中文版的chrome有个12px字体限制的问题,就是当字体小于12px时候都以12px来显示,这个问题在中文网站中并不突出,因为中文字体为了显示清晰一般都定义为大于或等于12px,但如果是一些英文网站那就不好说了,这时12px的限制就会破坏页面的美感,甚至因为文字变大而导致页面变形。
Posted in HTML & CSS1,799 views
15 Comments
[转]如何为 iPad 打造速度超快的 HTML5 软件
有一个为 iPad 设计的用来查时区的 HTML5 软件 everytimezone.com 最近引起了一些注意。它简单、到位,可以离线使用,并且速度极快。由于 HTML5 软件本质上只是一个网页,故不需要通过苹果的 App Store 商店发行,用户只要用 iPad 访问 everytimezone.com,然后将书签存到桌面,下一次打开就变成了一个与原生软件几乎无异的东西。everytimezone.com 的作者托马斯·富赫是资深 JavaScript 专家,也是 JavaScript 框架 Prototype 的核心开发者之一。他近日在博客上撰文传授了如何保证 HTML5 软件在 iPad 上飞速运行的七条秘诀,特翻译如下。—— 编者 一、少用图片 一开始,为了做出用来表示各个城市的每一天的那种渐变效果,我们用了一套相当复杂的 -webkit-gradient,结果发现这会令转译速度变得非常非常慢。-webkit-gradient 的工作方法是构建位图,对于浏览器的转译引擎来说,这和从外部加载图片(例如一张 PNG)是完全一样的。MobileSafari 显示图片速度之慢是出了名的(希望 4.0 对此有所改进),要解决这个问题,基本上只能不用图片和 -webkit-gradient。
