#4 Webdesign Inspiration – HTML5 & CSS3 Websites

Diese Webdesign Inspiration zielt voll und ganz auf moderne, animierte Seiten ab. Neben dem Design stehen auch die verwendeten Technologien HTML5 und CSS3 im Vordergrund. Bei den meisten Seiten wird sogar auf jQuery verzichtet, dass bisher meistens für Animationen eingesetzt wird. CSS3 ist jedoch so mächtig und vielseitig einsetzbar, dass viele Effekte allein dadurch möglich sind.

Es sind auch dieses mal wieder sehr viele One-Page-Websites mit Parallax Scrolling dabei. In der nächsten Sammlung sind Webseiten mit Video-Background geplant – ein weiterer Webdesign Trend in 2013.

Hier geht es zu den anderen Sammlungen:

The Expressive Web – CSS3 Power

Die Power von CSS3 eindrucksvoll dargestellt

Die Power von CSS3 eindrucksvoll dargestellt

The expressive Web widmet sich voll und ganz CSS3 und welche Effekte damit erzielt werden können. Sehr hilfreich ist auch die Anzeige welche Browser die ausgewählte Animation unterstützt.

Website besuchen

Virtual Water – Minimales Webdesign

Sehr schönes Design und CSS3 Animationen

Sehr schönes Design und CSS3 Animationen

Die Kampagne Virtual Water soll zeigen, wie viel Wasser wir täglich verbrauchen. Die Website hat mehrere coole CSS3 Effekte.

Website besuchen

 Every Last Drop – Flat Design & Retro Farben

Sehr aufwendige parallax scrolling Website

Sehr aufwendige parallax scrolling Website

Every Last Drop ist ebenfalls eine animierte CSS3 Kampagnen-Website, die sich mit dem Verbrauch von Wasser im Alltag beschäftigt.

Website besuchen

Dangers of Fracking – Coole CSS3-Effekte

Parallax Scrolling Website

Parallax Scrolling Website

Diese Webdesign Inspiration klärt über das hydraulische Fracking auf. Flat Design und aufwendige Parallax-Effekte zeichnen diese Seite aus.

Website besuchen

Stop Phubbing – Infographic-Style & Flat Design

Minimales Design der Parallax Scrolling Seite

Minimales Design der Parallax Scrolling Seite

Die Website „Stop Phubbing“ ist ähnlich einer Infographic aufgebaut und enthält sehr viele animierte CSS3-Statistiken.

Website besuchen

Buffalo Web Design – Modern & Minimales Design

sehr schöne CSS3 Animations - Buffalo

sehr schöne CSS3 Animations – Webdesign Inspiration

Die Agentur Buffalo hat eine moderne und cleane Website mit angenehmen CSS3 Animationen. Mir gefallen die harmonischen Retro Farben besonders gut.

Website besuchen

Wildlife – Aufwendige One-Page Website

Flat design und parallax scrolling

Flat Design und Parallax Scrolling

Die Agentur Wildlife hat eine sehr aufwendige One-Page Website mit vielen Parallax-Effekten.

Website besuchen

Air Jordan 2012 – Moderne Webdesign Inspiration

Air Jordan 2012 - parallax scrolling

Air Jordan 2012 – Pparallax Scrolling

Für Schuhe werden inzwischen immer Kampagnen Websites erstellt, die den Schuh möglichst hochwertig und cool darstellen sollen. Mit der Website für den Air Jordan 2012 ist dies sicherlich gelungen.

Website besuchen

Student Load Debt – Infographic-Style One-Page Website

Parallax Scrolling und schöne CSS3 Effekte

Parallax Scrolling und schöne CSS3 Effekte

Mit weit über 1 Billion an Schulden sind die Studenten-Darlehen ein nicht zu unterschätzendes Problem. Mit vielen CSS3-Effekten klärt die Website darüber auf.

Website besuchen

The Beast – Storytelling One-Page Website

Storytelling mit CSS3

Storytelling mit CSS3 – Schöne Webdesign Inspiration

Die Website, oder besser gesagt die Geschichte, „The Beast“ stammt von Laura Marling. Dieser Webdesign Trend wird in den nächsten Jahren sicherlich noch zunehmen.

Website besuchen

James Anderson – Pure CSS3-Power

CSS3 Animationen und Parallax Scrolling

CSS3 Animationen und Parallax Scrolling

Die Website des Cricket-Spielers James Anderson ist nur so vollgepackt mit Statistiken und Charts. Coole Typography und elegante Animationen machen diese Seite sehr sehenswert.

Website besuchen

Urbangap Web Agency – Infographic-Website

CSS3 Effekte und Retro Design

CSS3 Effekte und Retro Design

Die Infographic-Seite der Agentur Urbangap klärt über den Informations-Overload auf – leider in italienisch. Das Webdesign ist aber sehr sehenswert und hat auch mehrere Awards gewonnen.

Website besuchen

10 Jahre inTacto – Reverse Parallax-Effekte

Parallax scrolling einmal anders herum

Parallax scrolling einmal anders herum

Die Agentur inTacto hat eine eigene Website zum 10-jährigen Jubiläum erstellt. Die Rakete und Parallax-Effekte erzeugen eine sehr coole Atmosphäre und die Awards sich mit Sicherheit verdient.

Website besuchen

Mobile Statistics – Animierte Statistiken

Mobilen Statistiken aller Plattformen

Mobilen Statistiken aller Plattformen

Auf der Website dreht sich alles um Mobile Betriebssysteme. Die Graphen sind sehr cool mit CSS3 animiert.

Website besuchen

Gentlemen Scholar – Flat Design & Retro Farben

Chevy Volt - modern design & retro colors

Chevy Volt – Modernes Webdesign & Retro Colors

Die Gentlemen Scholar von Chevy setzt auf ein eher untypisches boxed Layout mit Flat Design und den beliebten Retro Farben.

Website besuchen

Interactive Globe – Unglaubliche CSS3 Animationen

Waffen Exporte und Importe als digitale, interaktive Website

Waffen Exporte und Importe als digitale, interaktive Website

Google zeigt sehr imposant was alles mit CSS3 möglich ist. Diese animierte Erdkugel sieht absolut krass aus und wirkt schon etwas wie Science-Fiction.

Website besuchen

Motorcycle Accidents – Interaktive Webdesign Inspiration

Interaktive Infographic und schöne Typo

Interaktive Infographic und schöne Typo

Diese Website dient als Information und Prävention von Motorrad-Unfällen in Großbritannien. Sehr informativ und absolut modernes Webdesign zeichnen diese Seite aus.

Website besuchen

Titelbild: whois.wildlife.la