"Gefahren von Webdesign Trends - erst nachdenken, dann coden." Vortrag auf dem Webkongress Erlangen...
-
Upload
marc-hinse -
Category
Design
-
view
738 -
download
0
description
Transcript of "Gefahren von Webdesign Trends - erst nachdenken, dann coden." Vortrag auf dem Webkongress Erlangen...
![Page 1: "Gefahren von Webdesign Trends - erst nachdenken, dann coden." Vortrag auf dem Webkongress Erlangen 2014](https://reader033.fdocument.pub/reader033/viewer/2022052906/558c61f1d8b42acf4e8b4644/html5/thumbnails/1.jpg)
Die Gefahren von Webdesign Trends.@MadeMyDay(//(Marc(Hinse(//(Webkongress(Erlangen(21.03.2014
![Page 2: "Gefahren von Webdesign Trends - erst nachdenken, dann coden." Vortrag auf dem Webkongress Erlangen 2014](https://reader033.fdocument.pub/reader033/viewer/2022052906/558c61f1d8b42acf4e8b4644/html5/thumbnails/2.jpg)
Was heißt hier „Trends“?
ParallaxWebfonts
HTML5CSS3
Flat Design
Responsive
StorytellingOnepager
backgroundVideosHeroe Areas
große Typographie
![Page 3: "Gefahren von Webdesign Trends - erst nachdenken, dann coden." Vortrag auf dem Webkongress Erlangen 2014](https://reader033.fdocument.pub/reader033/viewer/2022052906/558c61f1d8b42acf4e8b4644/html5/thumbnails/3.jpg)
Was schief gehen kann…
![Page 4: "Gefahren von Webdesign Trends - erst nachdenken, dann coden." Vortrag auf dem Webkongress Erlangen 2014](https://reader033.fdocument.pub/reader033/viewer/2022052906/558c61f1d8b42acf4e8b4644/html5/thumbnails/4.jpg)
geht schief.
![Page 5: "Gefahren von Webdesign Trends - erst nachdenken, dann coden." Vortrag auf dem Webkongress Erlangen 2014](https://reader033.fdocument.pub/reader033/viewer/2022052906/558c61f1d8b42acf4e8b4644/html5/thumbnails/5.jpg)
![Page 6: "Gefahren von Webdesign Trends - erst nachdenken, dann coden." Vortrag auf dem Webkongress Erlangen 2014](https://reader033.fdocument.pub/reader033/viewer/2022052906/558c61f1d8b42acf4e8b4644/html5/thumbnails/6.jpg)
![Page 7: "Gefahren von Webdesign Trends - erst nachdenken, dann coden." Vortrag auf dem Webkongress Erlangen 2014](https://reader033.fdocument.pub/reader033/viewer/2022052906/558c61f1d8b42acf4e8b4644/html5/thumbnails/7.jpg)
180 Requests.
EINHUNDERTACHTZIG!
> 32MB.
ZWEIUNDDREISSIG!
![Page 8: "Gefahren von Webdesign Trends - erst nachdenken, dann coden." Vortrag auf dem Webkongress Erlangen 2014](https://reader033.fdocument.pub/reader033/viewer/2022052906/558c61f1d8b42acf4e8b4644/html5/thumbnails/8.jpg)
180 Requests.EINHUNDERTACHTZIG!
> 32MB.ZWEIUNDDREISSIG!
![Page 9: "Gefahren von Webdesign Trends - erst nachdenken, dann coden." Vortrag auf dem Webkongress Erlangen 2014](https://reader033.fdocument.pub/reader033/viewer/2022052906/558c61f1d8b42acf4e8b4644/html5/thumbnails/9.jpg)
PArallax.
![Page 10: "Gefahren von Webdesign Trends - erst nachdenken, dann coden." Vortrag auf dem Webkongress Erlangen 2014](https://reader033.fdocument.pub/reader033/viewer/2022052906/558c61f1d8b42acf4e8b4644/html5/thumbnails/10.jpg)
Seit ca. 2008 verbreitet. Echt jetzt.
![Page 11: "Gefahren von Webdesign Trends - erst nachdenken, dann coden." Vortrag auf dem Webkongress Erlangen 2014](https://reader033.fdocument.pub/reader033/viewer/2022052906/558c61f1d8b42acf4e8b4644/html5/thumbnails/11.jpg)
Aber erst in letzter Zeit der richtig heisse scheiss.
![Page 12: "Gefahren von Webdesign Trends - erst nachdenken, dann coden." Vortrag auf dem Webkongress Erlangen 2014](https://reader033.fdocument.pub/reader033/viewer/2022052906/558c61f1d8b42acf4e8b4644/html5/thumbnails/12.jpg)
Flash ist tot und begraben.
…und wir graben die verweste Leiche wieder aus
![Page 13: "Gefahren von Webdesign Trends - erst nachdenken, dann coden." Vortrag auf dem Webkongress Erlangen 2014](https://reader033.fdocument.pub/reader033/viewer/2022052906/558c61f1d8b42acf4e8b4644/html5/thumbnails/13.jpg)
parallax.Pros: [
“dezentes(!) Enhancement“,
“räumlicher Eindruck“,
“WOW-Effekt“,
“einfache Implementierung“
]
![Page 14: "Gefahren von Webdesign Trends - erst nachdenken, dann coden." Vortrag auf dem Webkongress Erlangen 2014](https://reader033.fdocument.pub/reader033/viewer/2022052906/558c61f1d8b42acf4e8b4644/html5/thumbnails/14.jpg)
Parallax.Contras: [
“Ladezeit“,
“Performance“,
“Ablenkung vom Content“,
“Responsive?“]
![Page 15: "Gefahren von Webdesign Trends - erst nachdenken, dann coden." Vortrag auf dem Webkongress Erlangen 2014](https://reader033.fdocument.pub/reader033/viewer/2022052906/558c61f1d8b42acf4e8b4644/html5/thumbnails/15.jpg)
![Page 16: "Gefahren von Webdesign Trends - erst nachdenken, dann coden." Vortrag auf dem Webkongress Erlangen 2014](https://reader033.fdocument.pub/reader033/viewer/2022052906/558c61f1d8b42acf4e8b4644/html5/thumbnails/16.jpg)
Was tun, wenn der DEsigner oder Kunde unbedingt Parallax will?
![Page 17: "Gefahren von Webdesign Trends - erst nachdenken, dann coden." Vortrag auf dem Webkongress Erlangen 2014](https://reader033.fdocument.pub/reader033/viewer/2022052906/558c61f1d8b42acf4e8b4644/html5/thumbnails/17.jpg)
Nachdenken!
![Page 18: "Gefahren von Webdesign Trends - erst nachdenken, dann coden." Vortrag auf dem Webkongress Erlangen 2014](https://reader033.fdocument.pub/reader033/viewer/2022052906/558c61f1d8b42acf4e8b4644/html5/thumbnails/18.jpg)
Dev Tools nutzen.
![Page 19: "Gefahren von Webdesign Trends - erst nachdenken, dann coden." Vortrag auf dem Webkongress Erlangen 2014](https://reader033.fdocument.pub/reader033/viewer/2022052906/558c61f1d8b42acf4e8b4644/html5/thumbnails/19.jpg)
![Page 20: "Gefahren von Webdesign Trends - erst nachdenken, dann coden." Vortrag auf dem Webkongress Erlangen 2014](https://reader033.fdocument.pub/reader033/viewer/2022052906/558c61f1d8b42acf4e8b4644/html5/thumbnails/20.jpg)
Tipps.Parallax.allgemein: [“Konzept prüfen. Oder besser: überhaupt mal eine Konzeption machen (lorem ipsum ZEUGT NICHT VON KONZEPTION)“,
“weniger ist mehr“,
“unterstützt der Effekt meinen Content oder lenkt er ab?“
]
![Page 21: "Gefahren von Webdesign Trends - erst nachdenken, dann coden." Vortrag auf dem Webkongress Erlangen 2014](https://reader033.fdocument.pub/reader033/viewer/2022052906/558c61f1d8b42acf4e8b4644/html5/thumbnails/21.jpg)
Tipps.Parallax.css: [“3D-Beschleunigung nutzen (transform3d statt position)“,
“position: fixed ist kritisch“,
“Touch-Gerät? Grundregel: bleiben lassen“]
![Page 22: "Gefahren von Webdesign Trends - erst nachdenken, dann coden." Vortrag auf dem Webkongress Erlangen 2014](https://reader033.fdocument.pub/reader033/viewer/2022052906/558c61f1d8b42acf4e8b4644/html5/thumbnails/22.jpg)
Tipps.Parallax.js: [“RequestAnimationFrame statt onScroll“,
“window.pageYOffset statt offset().top“,
“Kalkulationen der Positionen speichern“,
“nur das Animieren, was auch zu sehen ist“
]
![Page 23: "Gefahren von Webdesign Trends - erst nachdenken, dann coden." Vortrag auf dem Webkongress Erlangen 2014](https://reader033.fdocument.pub/reader033/viewer/2022052906/558c61f1d8b42acf4e8b4644/html5/thumbnails/23.jpg)
backgroundvideos.
![Page 24: "Gefahren von Webdesign Trends - erst nachdenken, dann coden." Vortrag auf dem Webkongress Erlangen 2014](https://reader033.fdocument.pub/reader033/viewer/2022052906/558c61f1d8b42acf4e8b4644/html5/thumbnails/24.jpg)
![Page 25: "Gefahren von Webdesign Trends - erst nachdenken, dann coden." Vortrag auf dem Webkongress Erlangen 2014](https://reader033.fdocument.pub/reader033/viewer/2022052906/558c61f1d8b42acf4e8b4644/html5/thumbnails/25.jpg)
Was ist mit Smartphones?
![Page 26: "Gefahren von Webdesign Trends - erst nachdenken, dann coden." Vortrag auf dem Webkongress Erlangen 2014](https://reader033.fdocument.pub/reader033/viewer/2022052906/558c61f1d8b42acf4e8b4644/html5/thumbnails/26.jpg)
![Page 27: "Gefahren von Webdesign Trends - erst nachdenken, dann coden." Vortrag auf dem Webkongress Erlangen 2014](https://reader033.fdocument.pub/reader033/viewer/2022052906/558c61f1d8b42acf4e8b4644/html5/thumbnails/27.jpg)
Backgroundvideos.Pros: [
“Aufmerksamkeit“,
“erzeugt Stimmung“,
“WOW-Effekt“,
“einfache Implementierung“
]
![Page 28: "Gefahren von Webdesign Trends - erst nachdenken, dann coden." Vortrag auf dem Webkongress Erlangen 2014](https://reader033.fdocument.pub/reader033/viewer/2022052906/558c61f1d8b42acf4e8b4644/html5/thumbnails/28.jpg)
Backgroundvideos.Contras: [
“Ladezeit“,
“Performance“,
“Ablenkung vom Content“,
“Touchgeräte?“
]
![Page 29: "Gefahren von Webdesign Trends - erst nachdenken, dann coden." Vortrag auf dem Webkongress Erlangen 2014](https://reader033.fdocument.pub/reader033/viewer/2022052906/558c61f1d8b42acf4e8b4644/html5/thumbnails/29.jpg)
Was tun, wenn der DEsigner oder Kunde unbedingt backgroundVideos will?
![Page 30: "Gefahren von Webdesign Trends - erst nachdenken, dann coden." Vortrag auf dem Webkongress Erlangen 2014](https://reader033.fdocument.pub/reader033/viewer/2022052906/558c61f1d8b42acf4e8b4644/html5/thumbnails/30.jpg)
Nachdenken!
![Page 31: "Gefahren von Webdesign Trends - erst nachdenken, dann coden." Vortrag auf dem Webkongress Erlangen 2014](https://reader033.fdocument.pub/reader033/viewer/2022052906/558c61f1d8b42acf4e8b4644/html5/thumbnails/31.jpg)
Tipps.backgroundVideos.allgemein: [
“Nur Deko, kein wichtiger Inhalt (klingt blöd, ist aber so)“,
“darf nicht ablenken“,
“muss zum Website-Thema passen“
]
![Page 32: "Gefahren von Webdesign Trends - erst nachdenken, dann coden." Vortrag auf dem Webkongress Erlangen 2014](https://reader033.fdocument.pub/reader033/viewer/2022052906/558c61f1d8b42acf4e8b4644/html5/thumbnails/32.jpg)
Tipps.backgroundVideos.technik: [“Komprimieren!“,
“Pattern drüberlegen.“,
“Flash-Fallback? Weglassen!“,
“Touchgerät? Weglassen!“,
“out of Viewport? pausieren!“,
“HTML5 Video erlaubt media queries!“
]
![Page 33: "Gefahren von Webdesign Trends - erst nachdenken, dann coden." Vortrag auf dem Webkongress Erlangen 2014](https://reader033.fdocument.pub/reader033/viewer/2022052906/558c61f1d8b42acf4e8b4644/html5/thumbnails/33.jpg)
![Page 34: "Gefahren von Webdesign Trends - erst nachdenken, dann coden." Vortrag auf dem Webkongress Erlangen 2014](https://reader033.fdocument.pub/reader033/viewer/2022052906/558c61f1d8b42acf4e8b4644/html5/thumbnails/34.jpg)
Responsive Webdesign.
![Page 35: "Gefahren von Webdesign Trends - erst nachdenken, dann coden." Vortrag auf dem Webkongress Erlangen 2014](https://reader033.fdocument.pub/reader033/viewer/2022052906/558c61f1d8b42acf4e8b4644/html5/thumbnails/35.jpg)
Kein Trend, sondern Notwendigkeit.
![Page 36: "Gefahren von Webdesign Trends - erst nachdenken, dann coden." Vortrag auf dem Webkongress Erlangen 2014](https://reader033.fdocument.pub/reader033/viewer/2022052906/558c61f1d8b42acf4e8b4644/html5/thumbnails/36.jpg)
![Page 37: "Gefahren von Webdesign Trends - erst nachdenken, dann coden." Vortrag auf dem Webkongress Erlangen 2014](https://reader033.fdocument.pub/reader033/viewer/2022052906/558c61f1d8b42acf4e8b4644/html5/thumbnails/37.jpg)
missverstaendnisse.responsive: [
“muss trotzdem alles laden / blendet vermeintlich unwichtiges einfach aus“,
“sieht langweilig aus.“,
“kein Platz für Corporate Design“
]
![Page 38: "Gefahren von Webdesign Trends - erst nachdenken, dann coden." Vortrag auf dem Webkongress Erlangen 2014](https://reader033.fdocument.pub/reader033/viewer/2022052906/558c61f1d8b42acf4e8b4644/html5/thumbnails/38.jpg)
![Page 39: "Gefahren von Webdesign Trends - erst nachdenken, dann coden." Vortrag auf dem Webkongress Erlangen 2014](https://reader033.fdocument.pub/reader033/viewer/2022052906/558c61f1d8b42acf4e8b4644/html5/thumbnails/39.jpg)
![Page 40: "Gefahren von Webdesign Trends - erst nachdenken, dann coden." Vortrag auf dem Webkongress Erlangen 2014](https://reader033.fdocument.pub/reader033/viewer/2022052906/558c61f1d8b42acf4e8b4644/html5/thumbnails/40.jpg)
responsive.Pros: [
“eine Website“,
“ein CMS“,
“einmal Content (Text)“,
“einmal Medien (Bilder)“,
“eine Redaktion“
]
![Page 41: "Gefahren von Webdesign Trends - erst nachdenken, dann coden." Vortrag auf dem Webkongress Erlangen 2014](https://reader033.fdocument.pub/reader033/viewer/2022052906/558c61f1d8b42acf4e8b4644/html5/thumbnails/41.jpg)
responsive.Contras: [
]
“umdenken“,
“nachdenken“,
“testen“
![Page 42: "Gefahren von Webdesign Trends - erst nachdenken, dann coden." Vortrag auf dem Webkongress Erlangen 2014](https://reader033.fdocument.pub/reader033/viewer/2022052906/558c61f1d8b42acf4e8b4644/html5/thumbnails/42.jpg)
Tipps.responsive.allgemein: [
“Sinnvolle Konzeption unabdingbar (Content first)“,
„es gibt nicht nur das iPhone“,
“mobile first ist mehr als ein Buzzword“,
“Breakpoints sinnvoll wählen“]
![Page 43: "Gefahren von Webdesign Trends - erst nachdenken, dann coden." Vortrag auf dem Webkongress Erlangen 2014](https://reader033.fdocument.pub/reader033/viewer/2022052906/558c61f1d8b42acf4e8b4644/html5/thumbnails/43.jpg)
Bilder verursachen über 50% des Traffics.
![Page 44: "Gefahren von Webdesign Trends - erst nachdenken, dann coden." Vortrag auf dem Webkongress Erlangen 2014](https://reader033.fdocument.pub/reader033/viewer/2022052906/558c61f1d8b42acf4e8b4644/html5/thumbnails/44.jpg)
Frech geklaut bei @maddesigns
![Page 45: "Gefahren von Webdesign Trends - erst nachdenken, dann coden." Vortrag auf dem Webkongress Erlangen 2014](https://reader033.fdocument.pub/reader033/viewer/2022052906/558c61f1d8b42acf4e8b4644/html5/thumbnails/45.jpg)
Lösung: Responsive Images.
![Page 46: "Gefahren von Webdesign Trends - erst nachdenken, dann coden." Vortrag auf dem Webkongress Erlangen 2014](https://reader033.fdocument.pub/reader033/viewer/2022052906/558c61f1d8b42acf4e8b4644/html5/thumbnails/46.jpg)
![Page 47: "Gefahren von Webdesign Trends - erst nachdenken, dann coden." Vortrag auf dem Webkongress Erlangen 2014](https://reader033.fdocument.pub/reader033/viewer/2022052906/558c61f1d8b42acf4e8b4644/html5/thumbnails/47.jpg)
![Page 48: "Gefahren von Webdesign Trends - erst nachdenken, dann coden." Vortrag auf dem Webkongress Erlangen 2014](https://reader033.fdocument.pub/reader033/viewer/2022052906/558c61f1d8b42acf4e8b4644/html5/thumbnails/48.jpg)
Tipps.responsive.css: [
“mobile first ist mehr als ein Buzzword“,
“Präprozessoren helfen“,
“Breakpoints sinnvoll wählen“
]
![Page 49: "Gefahren von Webdesign Trends - erst nachdenken, dann coden." Vortrag auf dem Webkongress Erlangen 2014](https://reader033.fdocument.pub/reader033/viewer/2022052906/558c61f1d8b42acf4e8b4644/html5/thumbnails/49.jpg)
Tipps.responsive.js: [
“nur laden was nötig ist (Beispiel enquire.js)“,
“Polyfills (Fluch und Segen)“
]
![Page 50: "Gefahren von Webdesign Trends - erst nachdenken, dann coden." Vortrag auf dem Webkongress Erlangen 2014](https://reader033.fdocument.pub/reader033/viewer/2022052906/558c61f1d8b42acf4e8b4644/html5/thumbnails/50.jpg)
![Page 51: "Gefahren von Webdesign Trends - erst nachdenken, dann coden." Vortrag auf dem Webkongress Erlangen 2014](https://reader033.fdocument.pub/reader033/viewer/2022052906/558c61f1d8b42acf4e8b4644/html5/thumbnails/51.jpg)
Typographie (Webfonts).
![Page 52: "Gefahren von Webdesign Trends - erst nachdenken, dann coden." Vortrag auf dem Webkongress Erlangen 2014](https://reader033.fdocument.pub/reader033/viewer/2022052906/558c61f1d8b42acf4e8b4644/html5/thumbnails/52.jpg)
![Page 53: "Gefahren von Webdesign Trends - erst nachdenken, dann coden." Vortrag auf dem Webkongress Erlangen 2014](https://reader033.fdocument.pub/reader033/viewer/2022052906/558c61f1d8b42acf4e8b4644/html5/thumbnails/53.jpg)
![Page 54: "Gefahren von Webdesign Trends - erst nachdenken, dann coden." Vortrag auf dem Webkongress Erlangen 2014](https://reader033.fdocument.pub/reader033/viewer/2022052906/558c61f1d8b42acf4e8b4644/html5/thumbnails/54.jpg)
![Page 55: "Gefahren von Webdesign Trends - erst nachdenken, dann coden." Vortrag auf dem Webkongress Erlangen 2014](https://reader033.fdocument.pub/reader033/viewer/2022052906/558c61f1d8b42acf4e8b4644/html5/thumbnails/55.jpg)
![Page 56: "Gefahren von Webdesign Trends - erst nachdenken, dann coden." Vortrag auf dem Webkongress Erlangen 2014](https://reader033.fdocument.pub/reader033/viewer/2022052906/558c61f1d8b42acf4e8b4644/html5/thumbnails/56.jpg)
Das web besteht nicht mehr nur aus Arial und verdana.
…zum Glück.
![Page 57: "Gefahren von Webdesign Trends - erst nachdenken, dann coden." Vortrag auf dem Webkongress Erlangen 2014](https://reader033.fdocument.pub/reader033/viewer/2022052906/558c61f1d8b42acf4e8b4644/html5/thumbnails/57.jpg)
webfonts.pro: [
“dem Einheitsbrei entfliehen“,
“Corporate Schrift nutzen“,
“Typographie als gestalterisches Element“
]
![Page 58: "Gefahren von Webdesign Trends - erst nachdenken, dann coden." Vortrag auf dem Webkongress Erlangen 2014](https://reader033.fdocument.pub/reader033/viewer/2022052906/558c61f1d8b42acf4e8b4644/html5/thumbnails/58.jpg)
webfonts.contra: [“müssen erst geladen werden“,
“sehen teilweise scheiße aus im IE“,
“Größen stimmen mit Fallbackschrift nicht überein“,
“Kommerzielle Fonts i.d.R. nur als SaaS“
]
![Page 59: "Gefahren von Webdesign Trends - erst nachdenken, dann coden." Vortrag auf dem Webkongress Erlangen 2014](https://reader033.fdocument.pub/reader033/viewer/2022052906/558c61f1d8b42acf4e8b4644/html5/thumbnails/59.jpg)
Tipps.webfonts: [“Größe Fallbackschrift über extra Klasse definieren“,
“Während Konzeption im IE testen“,
“Größen im Auge behalten“,
“Nur die Schnitte/Characters laden, die man auch wirklich braucht“
]
![Page 60: "Gefahren von Webdesign Trends - erst nachdenken, dann coden." Vortrag auf dem Webkongress Erlangen 2014](https://reader033.fdocument.pub/reader033/viewer/2022052906/558c61f1d8b42acf4e8b4644/html5/thumbnails/60.jpg)
Flat design.
![Page 61: "Gefahren von Webdesign Trends - erst nachdenken, dann coden." Vortrag auf dem Webkongress Erlangen 2014](https://reader033.fdocument.pub/reader033/viewer/2022052906/558c61f1d8b42acf4e8b4644/html5/thumbnails/61.jpg)
Remarkable!
![Page 62: "Gefahren von Webdesign Trends - erst nachdenken, dann coden." Vortrag auf dem Webkongress Erlangen 2014](https://reader033.fdocument.pub/reader033/viewer/2022052906/558c61f1d8b42acf4e8b4644/html5/thumbnails/62.jpg)
![Page 63: "Gefahren von Webdesign Trends - erst nachdenken, dann coden." Vortrag auf dem Webkongress Erlangen 2014](https://reader033.fdocument.pub/reader033/viewer/2022052906/558c61f1d8b42acf4e8b4644/html5/thumbnails/63.jpg)
![Page 64: "Gefahren von Webdesign Trends - erst nachdenken, dann coden." Vortrag auf dem Webkongress Erlangen 2014](https://reader033.fdocument.pub/reader033/viewer/2022052906/558c61f1d8b42acf4e8b4644/html5/thumbnails/64.jpg)
![Page 65: "Gefahren von Webdesign Trends - erst nachdenken, dann coden." Vortrag auf dem Webkongress Erlangen 2014](https://reader033.fdocument.pub/reader033/viewer/2022052906/558c61f1d8b42acf4e8b4644/html5/thumbnails/65.jpg)
Vorteile_Nachteile_Tipps.Flat_design: [
“austauschbar, aber User sieht vertraute UI“,
“passt nicht immer (Konzeption!)“,
“Gestaltung lässt sich fast ausschließlich über CSS steuern“
]
![Page 66: "Gefahren von Webdesign Trends - erst nachdenken, dann coden." Vortrag auf dem Webkongress Erlangen 2014](https://reader033.fdocument.pub/reader033/viewer/2022052906/558c61f1d8b42acf4e8b4644/html5/thumbnails/66.jpg)
Noch Zeit? Noch Wach?
![Page 67: "Gefahren von Webdesign Trends - erst nachdenken, dann coden." Vortrag auf dem Webkongress Erlangen 2014](https://reader033.fdocument.pub/reader033/viewer/2022052906/558c61f1d8b42acf4e8b4644/html5/thumbnails/67.jpg)
Allgemeine Tipps
![Page 68: "Gefahren von Webdesign Trends - erst nachdenken, dann coden." Vortrag auf dem Webkongress Erlangen 2014](https://reader033.fdocument.pub/reader033/viewer/2022052906/558c61f1d8b42acf4e8b4644/html5/thumbnails/68.jpg)
Nachdenken!
![Page 69: "Gefahren von Webdesign Trends - erst nachdenken, dann coden." Vortrag auf dem Webkongress Erlangen 2014](https://reader033.fdocument.pub/reader033/viewer/2022052906/558c61f1d8b42acf4e8b4644/html5/thumbnails/69.jpg)
Hungrig sein!
![Page 70: "Gefahren von Webdesign Trends - erst nachdenken, dann coden." Vortrag auf dem Webkongress Erlangen 2014](https://reader033.fdocument.pub/reader033/viewer/2022052906/558c61f1d8b42acf4e8b4644/html5/thumbnails/70.jpg)
Verstehen (wollen)!
![Page 71: "Gefahren von Webdesign Trends - erst nachdenken, dann coden." Vortrag auf dem Webkongress Erlangen 2014](https://reader033.fdocument.pub/reader033/viewer/2022052906/558c61f1d8b42acf4e8b4644/html5/thumbnails/71.jpg)
![Page 72: "Gefahren von Webdesign Trends - erst nachdenken, dann coden." Vortrag auf dem Webkongress Erlangen 2014](https://reader033.fdocument.pub/reader033/viewer/2022052906/558c61f1d8b42acf4e8b4644/html5/thumbnails/72.jpg)
Eigenen Kram schreiben
…und wenns mal wieder nicht klappt, was fertiges nehmen.
![Page 73: "Gefahren von Webdesign Trends - erst nachdenken, dann coden." Vortrag auf dem Webkongress Erlangen 2014](https://reader033.fdocument.pub/reader033/viewer/2022052906/558c61f1d8b42acf4e8b4644/html5/thumbnails/73.jpg)
![Page 74: "Gefahren von Webdesign Trends - erst nachdenken, dann coden." Vortrag auf dem Webkongress Erlangen 2014](https://reader033.fdocument.pub/reader033/viewer/2022052906/558c61f1d8b42acf4e8b4644/html5/thumbnails/74.jpg)
yay \o/
![Page 75: "Gefahren von Webdesign Trends - erst nachdenken, dann coden." Vortrag auf dem Webkongress Erlangen 2014](https://reader033.fdocument.pub/reader033/viewer/2022052906/558c61f1d8b42acf4e8b4644/html5/thumbnails/75.jpg)
Fail. Fail often. Fail hard.
…and learn.
![Page 76: "Gefahren von Webdesign Trends - erst nachdenken, dann coden." Vortrag auf dem Webkongress Erlangen 2014](https://reader033.fdocument.pub/reader033/viewer/2022052906/558c61f1d8b42acf4e8b4644/html5/thumbnails/76.jpg)
Fragen?
![Page 77: "Gefahren von Webdesign Trends - erst nachdenken, dann coden." Vortrag auf dem Webkongress Erlangen 2014](https://reader033.fdocument.pub/reader033/viewer/2022052906/558c61f1d8b42acf4e8b4644/html5/thumbnails/77.jpg)
Danke �@MadeMyDay
http://siebennull.com
http://mademyday.de