Tobias Scheible
Web-Entwickler, Ingenieur & Dozent
Interaktive Infografik

Datum: Dienstag, 09. April 2013

Autor: Tobias Scheible

Kommentar(e): 7 Kommentare

Kategorie: Infografiken

Tags: Tablet, Infografik, Smartphone, Responsive Webdesign, Mobile Web

Interaktive Infografik zum Thema Responsive Webdesign

Passend zu ihrem Angebot hat TemplateMonster eine interaktive Infografik zum Thema Responsive Webdesign veröffentlicht. Die Grafik ist wie ein Spielplan aufgebaut, der anschaulich alle wichtigen Punkte für ein modernes Design vermittelt.

Schaut euch unbedingt die interaktive Version auch an. Hier bei mir (in meinem Blog) habe ich die statische Version eingebunden:

Interaktive Infografik
Responsive Webdesign Infografik
Interaktive Infografik Responsive Webdesign Infografik


Quelle: TemplateMonster

Via: t3n & mobile zeitgeist

  • Artikel teilen:

Über Tobias Scheible

Tobias Scheible

Tobias Scheible arbeitet als wissenschaftlicher Mitarbeiter an der Hochschule Albstadt-Sigmaringen. Dort ist er als Autor und e-Tutor im Masterstudiengang Digitale Forensik tätig und leite im Bachelorstudiengang IT Security Praktika rund um das Thema Informationssicherheit. Darüber hinaus ist er Mitinitiator des Kompetenzzentrums Cyber Security Lab, welches Forschungsprojekte auf dem Gebiet der IT-Sicherheit koordiniert. Zusätzlich hält er Vorträge und Workshops zu aktuellen Themen der IT-Sicherheit.

Alle Blog-Artikel Website Facebook Twitter Xing

Kommentare

Holger

Danke, echt gut, besonders die interaktive Version!

HolgerBertel78

Sehr interessante Infografik! Und danke für den Artikel!

Christopher

Sehr schöne Infografik. Zum einen liefert sie einen guten Überblick über das Thema „Responsive Webdesign“, zum anderen bringt sie einige Dinge sehr schön auf den Punkt.

Chris

Danke für die schöne Infografik. Ich persönlich verwende häufig solcher Infografiken auf meinem Blog, sie kommen nicht nur gut bei meinen Lesern an, sie lassen den Artikel auch schöner aussehen und bringen auch das Thema besser rüber :-).

Gruß

Chris

Matthias

Ich finde es sehr spannend, dass Responsive Webdesign immer noch nicht auf vielen Seiten angekommen ist. Besonders auf einigen News-Seiten gibt es zwar eine Mobile-Version, allerdings sind die entwedder buggy oder schlecht bedienbar.

Moritz

Hallo,
von mir auch ein Danke!^^
Alle wichtigen Punkte sind übersichtlich in der Grafik dargestellt und so sehr leicht verständlich und zu merken.
Ich hoffe, dass sich einige diese Übersicht merken, besonders im mobilen Bereich muss sich bei einigen teilweise noch viel tun (da stimme ich zu).

Responsive Webdesign Projekt: hs-textil.eu (Case Study) › Tobias Scheible

[…] HTML5 UP bin, fiel die Entscheidung auf das schlichte Template Telephasic. Alle Templates sind „Responsive Designfähig“, komplett in HTML5 und CSS3 entwickelt und sehr strukturiert aufgebaut. Die Templates werden […]

Schreibe einen Kommentar!

Hilfe zum Kommentieren

Um kommentieren zu können, geben sie bitte mindestens ihren Namen und ihre E-Mail-Adresse an. Bitte nutzen Sie die Kommentarfunktion nicht dazu, andere zu beleidigen oder Spam zu verbreiten. Trolle und Spammer sind hier unerwünscht! Unangemessene Kommentare, die zum Beispiel gegen geltendes Recht verstoßen oder eine Gefährdung anderer Besucher darstellen, werden gelöscht oder angepasst.

Name: Ihr Name, der oberhalb des Kommentars steht, gerne auch Ihren echten Namen, das erleichtert die Kommunikation für alle. Sollte ein Spam-Keyword als Name verwendet werden, kann dieses entfernt oder korrigiert werden.

E-Mail: Ihre E-Mail Adresse dient zur Identifizierung weiterer Kommentare und sie haben die Möglichkeit, ein Avatar-Bild zu verwenden. Dazu müssen Sie mit Ihrer E-Mail Adresse bei Gravatar angemeldet sein. Die E-Mail Adresse wird natürlich nicht veröffentlicht und nicht weitergegeben.

Website: Hier können Sie ihren eigenen Blog bzw. ihre eigene Website eintragen, dadurch wird Ihr Name und Ihr Avatar-Bild verlinkt. Werden rein kommerzielle Angebote offensichtlich beworben, setze ich den Link auf nofollow und unangemessene werden einfach entfernt.

Erlaubte HTML-Tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <hr> <big> <small> <sub> <sup> <u>

nach oben