搜索
分类
- HTML & CSS (38)
- Javascript (11)
- jQuery (13)
- Photoshop (6)
- RIA (4)
- Software (15)
- Wordpress (11)
- 用户体验 (8)
- 随便聊聊 (12)
-
最新日志
文章
标签云
功能
Category Archives: HTML & CSS
CSS方法解决chrome 12像素字体限制
中文版的chrome有个12px字体限制的问题，就是当字体小于12px时候都以12px来显示，这个问题在中文网站中并不突出，因为中文字体为了显示清晰一般都定义为大于或等于12px，但如果是一些英文网站那就不好说了，这时12px的限制就会破坏页面的美感，甚至因为文字变大而导致页面变形。
Posted in HTML & CSS189 views
8 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。
让IE支持HTML5标签
HTML5的特性之一就是新增了语义的标签,比如 header, nav,section,aside, footer,audio,canvas等等.这些标签为设计者提供了更为灵活高效的布局方式.可惜目前的IE是不支持这些标签的…不过还是可以通过一些手段让IE支持部分标签. 先来看看一个HTML5的布局,由于IE无法识别新的语义化标签,所以样式表并没有起作用.
Dreamweaver CS5 HTML 5 扩展包下载
今早Adobe Labs 放出了 Dreamweaver CS5 的 HTML5 扩展包 HTML5 扩展包得的新特性： 多屏幕预览面板，适用于同时为不同设备开发 HTML 应用 支持对 HTML 5 新增的标签库的代码提示 支持对 CSS 3 代码提示 增加 Video 和 Audio 标签的实时预览 改进 CSS 3 实时预览效果 改进设计视图下对 HTML 5 新增标签的渲染效果
CSS的特殊性 (specificity)
CSS的特殊性是非常重要却又经常被忽视的属性,特别是在团队合作下的产品迭代开发中,因为不注重CSS的特殊性最后导致某些代码混乱不堪,这里就把自己对CSS特殊性的认识做一些归纳总结. CSS的特殊性(specificity)也可以称为CSS的优先级或权值:对于每个样式表规则,浏览器都会计算选择器的特殊性,从而使元素属性声明在有冲突的情况下能够正确显示. 特殊性的描述可以把它看成一个4位数: 0.0.0.0 ,数值越大的特殊性越高(例如:0.1.0.0>0.0.1.2),也是最终浏览器显示的效果. 特殊性的具体特性: 内联样式的特殊性为 1.0.0.0 ID选择器的特殊性为 0.1.0.0 类或者伪类的特殊性为 0.0.1.0 元素和伪元素的特殊性为 0.0.0.1 简单的说就是:内联样式的特殊性>ID选择器>类或者伪类>元素和伪元素.
