{"id":745,"date":"2012-04-06T22:33:56","date_gmt":"2012-04-07T05:33:56","guid":{"rendered":"http:\/\/zsprawl.com\/iOS\/?p=745"},"modified":"2012-04-07T15:13:37","modified_gmt":"2012-04-07T22:13:37","slug":"webkit-hardware-acceleration-for-ios-web-apps","status":"publish","type":"post","link":"http:\/\/zsprawl.com\/iOS\/2012\/04\/webkit-hardware-acceleration-for-ios-web-apps\/","title":{"rendered":"Hardware Acceleration for iOS Web Apps"},"content":{"rendered":"<p>In researching how to create a few 2D animations, I stumbled across the following webkit transform for CSS3:<\/p>\n<p><code>*{<br \/>\n   -webkit-transform: translateZ(0);<br \/>\n}<\/code><\/p>\n<p>I put it in my CSS at the top, and all of the sudden, it seemed like all of my transitions were performing smoother. I&#8217;m not sure if it is in my head, because it seems to me that if this would help, it would be included in the <a href=\"http:\/\/www.jquerymobile.com\">jQuery Mobile<\/a> CSS. I did a search, and couldn&#8217;t find it anywhere.<\/p>\n<p>All the same, I really couldn&#8217;t find much about this while Googling specifically in the context of iOS Apps. I only learned about it while researching animations. <\/p>\n<p>I&#8217;d love to know if other developers use this with their WebApps or <a href=\"http:\/\/www.phonegap.com\">PhoneGap<\/a>?<\/p>\n<p>Update: I did run into a <a href=\"http:\/\/www.labs.drewdahlman.com\/?p=135\">fellow developer&#8217;s page<\/a> where he also recommends this. I still can&#8217;t tell if it&#8217;s in my head or not though.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>In researching how to create a few 2D animations, I stumbled across the following webkit transform for CSS3: *{ -webkit-transform: translateZ(0); } I put it in my CSS at the top, and all of the sudden, it seemed like all of my transitions were performing smoother. I&#8217;m not sure if it is in my head, <a href=\"http:\/\/zsprawl.com\/iOS\/2012\/04\/webkit-hardware-acceleration-for-ios-web-apps\/#more-'\" class=\"more-link\"><br \/>more \u00bb<\/a><\/p>\n","protected":false},"author":318,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[24,43,3,25],"tags":[36,120,34,49],"class_list":["post-745","post","type-post","status-publish","format-standard","hentry","category-blog","category-css","category-ios-development","category-jquery-mobile","tag-css3","tag-jquery-mobile","tag-phonegap","tag-webapp"],"aioseo_notices":[],"_links":{"self":[{"href":"http:\/\/zsprawl.com\/iOS\/wp-json\/wp\/v2\/posts\/745"}],"collection":[{"href":"http:\/\/zsprawl.com\/iOS\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/zsprawl.com\/iOS\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/zsprawl.com\/iOS\/wp-json\/wp\/v2\/users\/318"}],"replies":[{"embeddable":true,"href":"http:\/\/zsprawl.com\/iOS\/wp-json\/wp\/v2\/comments?post=745"}],"version-history":[{"count":5,"href":"http:\/\/zsprawl.com\/iOS\/wp-json\/wp\/v2\/posts\/745\/revisions"}],"predecessor-version":[{"id":750,"href":"http:\/\/zsprawl.com\/iOS\/wp-json\/wp\/v2\/posts\/745\/revisions\/750"}],"wp:attachment":[{"href":"http:\/\/zsprawl.com\/iOS\/wp-json\/wp\/v2\/media?parent=745"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/zsprawl.com\/iOS\/wp-json\/wp\/v2\/categories?post=745"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/zsprawl.com\/iOS\/wp-json\/wp\/v2\/tags?post=745"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}