{"id":31457,"date":"2012-03-09T09:53:24","date_gmt":"2012-03-09T08:53:24","guid":{"rendered":"http:\/\/www.iphone-ticker.de\/?p=31457"},"modified":"2012-03-09T09:53:24","modified_gmt":"2012-03-09T08:53:24","slug":"webseiten-die-sich-anfuhlen-wie-echte-apps-100-komprimierte-tipps-fur-web-entwickler","status":"publish","type":"post","link":"https:\/\/www.iphone-ticker.de\/webseiten-die-sich-anfuhlen-wie-echte-apps-100-komprimierte-tipps-fur-web-entwickler-31457\/","title":{"rendered":"Webseiten die sich anf\u00fchlen wie echte Apps: 100 komprimierte Tipps f\u00fcr Web-Entwickler"},"content":{"rendered":"<p><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/www.iphone-ticker.de\/wp-content\/uploads\/2012\/03\/hackernews.jpg\" alt=\"\" title=\"hackernews\" width=\"200\" height=\"194\" class=\"alignright size-full wp-image-31458\" \/>Wow. In dem Artikel &#8222;<a href=\"http:\/\/cheeaun.com\/blog\/2012\/03\/how-i-built-hacker-news-mobile-web-app\">How I built the Hacker News mobile web app<\/a>&#8220; stellt der Web-Entwickler Lim Chee Aun nicht nur sein Projekt <a href=\"http:\/\/cheeaun.github.com\/hnmobile\/landing\/\">HNmobile<\/a> vor &#8211; eine iPhone-optimierte Webseite die die Inhalte des <a href=\"http:\/\/news.ycombinator.com\/news\">Hackernews-Portals<\/a> wie eine native iPhone-Applikation darstellt &#8211; sondern versammelt so viele Informationen, Tipps und Links zum Bau von Web-Apps, dass wir den Abriss einfach mal als Pflicht-Lekt\u00fcre f\u00fcr Web-Entwickler empfehlen. <\/p>\n<p>Lim Chee Auns Opensource-Projekt kann <a href=\"https:\/\/github.com\/cheeaun\/hnmobile\">hier heruntergeladen werden<\/a> und nutzt keins der bekannten Frameworks; auch wenn im Text fast alle verlinkt sind. Aun hat alle Animationen und die meisten Grafiken selbst erstellt, bespricht die Vor- und Nachteile seiner L\u00f6sungen mit bereits verf\u00fcgbaren Javascript-Hacks und vergleicht sich nach jedem Schritt mit Apples nativen iPhone-Anwendungen. <\/p>\n<p>Allein die detailverliebte Auseinandersetzung mit der Seiten\u00fcbergangsanimation (<a href=\"http:\/\/cheeaun.com\/blog\/images\/figures\/diagram\/ios-page-transition-animation.png\">hier die Grafik<\/a>, unten <a href=\"http:\/\/vimeo.com\/32704624\">das Video<\/a>) machen den Abriss lesenswert.<br \/>\n<!--more--><br \/>\n<div class=\"responsive-video\"><iframe loading=\"lazy\" src=\"http:\/\/player.vimeo.com\/video\/32704624?title=0&amp;byline=0&amp;portrait=0\" width=\"464\" height=\"516\" frameborder=\"0\" webkitAllowFullScreen mozallowfullscreen allowFullScreen><\/iframe><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<a href=\"https:\/\/www.iphone-ticker.de\/webseiten-die-sich-anfuhlen-wie-echte-apps-100-komprimierte-tipps-fur-web-entwickler-31457\/\"><img width=\"150\" height=\"150\" src=\"https:\/\/images.iphone-ticker.de\/wp-content\/uploads\/2012\/03\/hackernews-150x150.jpg\" class=\"alignright tfe wp-post-image\" alt=\"\" decoding=\"async\" loading=\"lazy\" \/><\/a><p>Wow. In dem Artikel &#8222;How I built the Hacker News mobile web app&#8220; stellt der Web-Entwickler Lim Chee Aun nicht nur sein Projekt HNmobile vor &#8211; eine iPhone-optimierte Webseite die die Inhalte des Hackernews-Portals wie eine native iPhone-Applikation darstellt &#8211; sondern versammelt so viele Informationen, Tipps und Links zum Bau von Web-Apps, dass wir den [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":31458,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[88],"tags":[3917,43,211,33,430,141],"class_list":["post-31457","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-entwickler","tag-entwickler","tag-hacks","tag-tipps","tag-tutorial","tag-web-applikationen","tag-web-apps"],"aioseo_notices":[],"rest_api_enabler":[],"_links":{"self":[{"href":"https:\/\/www.iphone-ticker.de\/apiv2\/wp\/v2\/posts\/31457","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.iphone-ticker.de\/apiv2\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.iphone-ticker.de\/apiv2\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.iphone-ticker.de\/apiv2\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.iphone-ticker.de\/apiv2\/wp\/v2\/comments?post=31457"}],"version-history":[{"count":1,"href":"https:\/\/www.iphone-ticker.de\/apiv2\/wp\/v2\/posts\/31457\/revisions"}],"predecessor-version":[{"id":31459,"href":"https:\/\/www.iphone-ticker.de\/apiv2\/wp\/v2\/posts\/31457\/revisions\/31459"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.iphone-ticker.de\/apiv2\/wp\/v2\/media\/31458"}],"wp:attachment":[{"href":"https:\/\/www.iphone-ticker.de\/apiv2\/wp\/v2\/media?parent=31457"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.iphone-ticker.de\/apiv2\/wp\/v2\/categories?post=31457"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.iphone-ticker.de\/apiv2\/wp\/v2\/tags?post=31457"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}