Apps mit HTML5 und CSS3

WebApps sind Apps, die lediglich mit Webtechnologien funktionieren und mittlerweile eine echte Alternative zu nativen Apps geworden. Die immer bessere Leistung der Endgeräte, aber auch die neuen Funktionen und Gestaltungsmöglichkeiten durch HTML5 und CSS3 machen Apps möglich, die offline funktionieren, performant sind und sogar die Daten von Positions- und Bewegegungssensoren auslesen können. Zudem funktionieren Sie auf einer vielzahl von verschiedenen Geräten, ob nun auf einem Tablet, Smartphone, Android oder iOS oder sogar Windows Phone. Der gemeinsame Nenner dieser Geräte sind HTML5 und CSS3.

Doch nicht nur die große Flexibilität von WebApps sind ihr entscheidender Vorteil. Sie können als angehender WebApps-Entwickler Ihre bereits bestehenden HTML-Kenntnisse nutzen um Apps zu entwickeln. Sie müssen nicht noch eine neue Programmiersprache lernen, sondern können auf bisherige Erfahrungen zurückgreifen.

Wir meinen es ernst: HTML5 rockt! Wir glauben an die Energie und Zukunft von Webtechnologien und haben deswegen diese kleine Webseite zum Thema eingerichtet. In den folgenden Wochen werden wir hier über aktuelle Entwicklungen, Beispiele und interessante Projekte schreiben.

Außerdem können wir euch schon jetzt unser Buch ans Herz Legen: “Apps mit HTML5 und CSS3”

UI Design Trends 2012

Trend 1: Monocolor Icon Sets

After years of gradient and bubble gum color exploitation, we will see more reduced and monochrome interfaces in 2012. Apple’s Finder sidebar started this trend in late 2011, Google followed shortly after. Windows 8 even tries to get rid of antiquated metaphors like the Rolodex address book to embrace digital natives, who may have never seen a Rolodex in real life before.
I’m not 100% sure if I like this trend. This style may provide a much more coherent and aesthetic appearance, but icons are definitely harder to recognize due to the loss of this visual hook.

Trend 2: Inline Tagging

Tagging has become a big thing for web interfaces in the last years. This year, the Berlin-based social networks Amen and EyeEm are establishing a new standard for highlighting and linking text in a sentence: Big bright colored background bars with rounded corners. The color indicates which kind of information is displayed, and of course they are easily clickable or tappable.

Trend 3: Scrolling

Scrolling has been evil for so many years: all the important informaton had to go above the fold. In the last years it has not only been accepted but also has become one of the most important user interactions besides clicking and mouseover. Facebook and Twitter use the current scroll state to load more posts when you reach the end of the page, Facebook’s Timeline feature shows an entire life on one single page. But you can also do fun stuff with your mouse wheel: Volkswagen’s new Beetle campaign alters and animates the page as you scroll.

What do you think? Do you agree? Which are your design trends in 2012?