February 2012
10 posts
5 tags
[Demo] CSS3 paper curl →
One of my favourite texture except minimal-texture
3 tags
{note} JavaScript object structure: speed matters →
create object本身已經燒資源,然而某些環境下property creation一樣有可以有效能問題…
3 tags
Responsive Background Image
如果只要Responsive Image用max-width: 100% + width:auto + height: auto已經可以做到 (甚至有人Develop了局部Resolution顯示的能力),可是Background Image呢?
2 ways.
background-size:cover: 詳細的探討在這篇有,也有fallback (jQuery Anystretch)
border-image: Demo. 不過正如demo所言chrome很buggy…
2 tags
The State of HTML5 Video →
簡單總結:
繼續format上打架: FF和Opera只支援open的webM和ogg,IE/Mobile webkit/Safari只支援mpeg,chrome則是通殺… (╯‵□′)╯
Attribute好像大致相容,只是又是那個狀況- 總有不同小問題 (#°Д°)
fullscreen出乎意料的只有Safari系和FF支援,不過這個沒有API…
Streaming只有Apple做到可以用的地步
最後,Accessibility全滅。(茶)
所以還是Flash在一旁冷笑…
2 tags
HTML5 Security Cheatsheet →
地球很危險 ︴(||| ° △ °)︴
2 tags
the Performance Golden Rule: 所謂的效能樽頸... →
“在於沒寫好的front-end resources loading+該死的network” (尤其是Ajax橫行的年代)
註:
Sharding domain 是有錢人的玩意,但對很多browser都有用
Script concat是很多framework都支援的功能 (Rail尤佳)…至於沒framework如何做好像沒人碰過。然而代價是caching有影響(尤其是browser層面)、file size偏大
Async script loading是有著一打的loader在做,不過多file是個怎樣的情形沒實試過。
2 tags
[Backbone.js] 小心你的View...
Backbone是個很不錯的framework,提供了不錯的方式將model logic和view logic分家,大家用event溝通,code變的很好看-
只是View用起來要注意的事情真不少。
Zombie問題: AppRouter寫的不好換頁時會有大災難…
Reprint問題: change event binding及handler可以是效能殺手。
2 tags
[Note] Tumblr的markdown...
Tumblr的markdown有點特別。
Rule 1: 在html tag內的markdown不處理
Rule 2: 在code block內的html自動escape
Extra: 因為editor setting是User Setting的東西,一旦Enable全部Blog的Editor都是Markdown…
果然是給programmer用的東西…I love tumblr!
3 tags