{"id":377,"date":"2008-08-06T00:25:28","date_gmt":"2008-08-05T20:25:28","guid":{"rendered":"http:\/\/java4iphone.com\/all-news\/winterboard-html-as-a-background\/"},"modified":"2008-10-09T00:45:12","modified_gmt":"2008-10-08T20:45:12","slug":"winterboard-html-as-a-background","status":"publish","type":"post","link":"https:\/\/iphoneroot.com\/RU\/winterboard-html-as-a-background\/","title":{"rendered":"WinterBoard - HTML \u0432 \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u0435 background'\u0430"},"content":{"rendered":"

\"\"<\/p>\n

Winterboard - \u043f\u043e\u0442\u0440\u044f\u0441\u0430\u044e\u0449\u0430\u044f \u043f\u0440\u043e\u0440\u0433\u0430\u043c\u043c\u0430. Saurik, \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a Winterboard, \u0442\u043e\u043b\u044c\u043a\u043e \u0447\u0442\u043e \u0434\u043e\u0431\u0430\u0432\u0438\u043b \u043d\u043e\u0432\u0443\u044e \u0444\u0443\u043d\u043a\u0446\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u043e\u0441\u0442\u044c - \u0434\u0438\u043d\u0430\u043c\u0438\u0447\u0441\u043a\u0438\u0439 \u0431\u044d\u043a\u0433\u0440\u0430\u0443\u043d\u0434. \u0422\u0435\u043f\u0435\u0440\u044c \u0431\u044d\u043a\u0433\u0440\u0430\u0443\u043d\u0434 \u043c\u043e\u0436\u0435\u0442 \u0431\u044b\u0442\u044c HTML \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430, \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044e\u0449\u0430\u044f webkit. \u041f\u043e\u0442\u0435\u043d\u0446\u0438\u0430\u043b \u0438 \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u0438 \u0431\u0435\u0437\u0433\u0440\u0430\u043d\u0438\u0447\u043d\u044b. Saurik \u0432\u044b\u043b\u043e\u0436\u0438\u043b \u043e\u0434\u043d\u043e\u0438\u043c\u0435\u043d\u043d\u0443\u044e \u0441\u043e\u0441 \u0432\u043e\u0438\u043c \u0438\u043c\u0435\u043d\u0435\u043c \u0442\u0435\u043c\u0443, \u043a\u043e\u0442\u043e\u0440\u0430\u044f \u043f\u043e\u043a\u0430\u0437\u044b\u0432\u0430\u0435\u0442 \u0431\u0430\u0437\u043e\u0432\u044b\u0435 \u0444\u0430\u0439\u0434\u044b \u043c\u0435\u0436\u0434\u0443 \u0434\u0432\u0443\u043c\u044f \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u044f\u043c\u0438. \u041f\u043e\u0442\u0440\u044f\u0441\u0430\u044e\u0449\u0435!<\/p>\n

\u041a\u043e\u043c\u043c\u0435\u043d\u0442\u0430\u0440\u0438\u0438 \u043e\u0442 Saurik'\u0430:<\/p>\n

So, while staring at the desktop, I realized \u201cwait, why don\u2019t I make that a website? then you could do all kinds of neat things with it!\u201d. This dream has been made a reality with the latest version of WinterBoard. There is a new file you can add called Wallpaper.html which puts a UIWebDocumentView behind SpringBoard.<\/p>\n

<\/p>\n

This view has a transparent background and has been told not to clear what\u2019s behind it, so you can set its background-color: CSS to transparent if you want to see through to Wallpaper.png (although you can also use standard HTML to handle the backgrounds now rather than resorting to that specific case).<\/p>\n

The example theme, \u201cSaurik\u201d, uses this to do a cross-fade background between two images (as I really couldn\u2019t decide which one I liked better ;P). Now, for those who have tried to do such effects before with MobileSafari and felt it was way too slow (as the JavaScript engine is miserable and the way it renders is equally bad) you should seriously check it out.<\/p>\n

The way I did this (and this is just a property of my theme, you can do anything you want obviously) is to use the WebKit-specific CSS properties Apple provided us with for doing transforms and animations. These work beautifully and are super fast. For more documentation on these, you should go to Apple\u2019s iPhone Reference Library and get the two guides they have for download.<\/p>\n

via sleepers<\/p>","protected":false},"excerpt":{"rendered":"

Winterboard - \u043f\u043e\u0442\u0440\u044f\u0441\u0430\u044e\u0449\u0430\u044f \u043f\u0440\u043e\u0440\u0433\u0430\u043c\u043c\u0430. Saurik, \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a Winterboard, \u0442\u043e\u043b\u044c\u043a\u043e \u0447\u0442\u043e \u0434\u043e\u0431\u0430\u0432\u0438\u043b \u043d\u043e\u0432\u0443\u044e \u0444\u0443\u043d\u043a\u0446\u0438\u043e\u043d\u0430\u043b\u044c\u043d\u043e\u0441\u0442\u044c - \u0434\u0438\u043d\u0430\u043c\u0438\u0447\u0441\u043a\u0438\u0439 \u0431\u044d\u043a\u0433\u0440\u0430\u0443\u043d\u0434. \u0422\u0435\u043f\u0435\u0440\u044c \u0431\u044d\u043a\u0433\u0440\u0430\u0443\u043d\u0434 \u043c\u043e\u0436\u0435\u0442 \u0431\u044b\u0442\u044c HTML \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430, \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044e\u0449\u0430\u044f webkit. \u041f\u043e\u0442\u0435\u043d\u0446\u0438\u0430\u043b \u0438 \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u0438 \u0431\u0435\u0437\u0433\u0440\u0430\u043d\u0438\u0447\u043d\u044b. Saurik \u0432\u044b\u043b\u043e\u0436\u0438\u043b \u043e\u0434\u043d\u043e\u0438\u043c\u0435\u043d\u043d\u0443\u044e \u0441\u043e\u0441 \u0432\u043e\u0438\u043c \u0438\u043c\u0435\u043d\u0435\u043c \u0442\u0435\u043c\u0443, \u043a\u043e\u0442\u043e\u0440\u0430\u044f \u043f\u043e\u043a\u0430\u0437\u044b\u0432\u0430\u0435\u0442 \u0431\u0430\u0437\u043e\u0432\u044b\u0435 \u0444\u0430\u0439\u0434\u044b \u043c\u0435\u0436\u0434\u0443 \u0434\u0432\u0443\u043c\u044f \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u044f\u043c\u0438. \u041f\u043e\u0442\u0440\u044f\u0441\u0430\u044e\u0449\u0435! \u041a\u043e\u043c\u043c\u0435\u043d\u0442\u0430\u0440\u0438\u0438 \u043e\u0442 Saurik'\u0430: So, while staring at the desktop, I realized \u201cwait, why […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3,16,4],"tags":[479,781,36,650,707,264,34,1243,241,1018,710,715,73,449,1221,86,74,54,569,85,914,708],"class_list":["post-377","post","type-post","status-publish","format-standard","hentry","category-all","category-cydia","category-software","tag-animation","tag-app","tag-apple","tag-apple-iphone","tag-download","tag-ecid","tag-iphone","tag-java","tag-javascript","tag-less","tag-mobile","tag-paper","tag-safari","tag-saurik","tag-sleep","tag-test","tag-theme","tag-wallpaper","tag-website","tag-winterboard","tag-iphone-ru","tag-skachat"],"_links":{"self":[{"href":"https:\/\/iphoneroot.com\/RU\/wp-json\/wp\/v2\/posts\/377","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/iphoneroot.com\/RU\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/iphoneroot.com\/RU\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/iphoneroot.com\/RU\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/iphoneroot.com\/RU\/wp-json\/wp\/v2\/comments?post=377"}],"version-history":[{"count":0,"href":"https:\/\/iphoneroot.com\/RU\/wp-json\/wp\/v2\/posts\/377\/revisions"}],"wp:attachment":[{"href":"https:\/\/iphoneroot.com\/RU\/wp-json\/wp\/v2\/media?parent=377"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/iphoneroot.com\/RU\/wp-json\/wp\/v2\/categories?post=377"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/iphoneroot.com\/RU\/wp-json\/wp\/v2\/tags?post=377"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}