Webdesign quo vadis - Trends, Contao und mehr
Workshop zu Webdesign Workshop zu Webdesign
WEBDESIGN QUO VADIS – TRENDS, CONTAO UND MEHR WEBDESIGN QUO VADIS – TRENDS, CONTAO UND MEHR 1 / 53 Contao Konferenz 2016 | Thomas Weitzel | © 2016
- Seite 2 und 3: WEBDESIGN QUO VADIS - TRENDS, CONTA
- Seite 4 und 5: WEBDESIGN QUO VADIS - TRENDS, CONTA
- Seite 6 und 7: WEBDESIGN QUO VADIS - TRENDS, CONTA
- Seite 8 und 9: WEBDESIGN QUO VADIS - TRENDS, CONTA
- Seite 10 und 11: WEBDESIGN QUO VADIS - TRENDS, CONTA
- Seite 12 und 13: WEBDESIGN QUO VADIS - TRENDS, CONTA
- Seite 14 und 15: WEBDESIGN QUO VADIS - TRENDS, CONTA
- Seite 16 und 17: WEBDESIGN QUO VADIS - TRENDS, CONTA
- Seite 18 und 19: WEBDESIGN QUO VADIS - TRENDS, CONTA
- Seite 20 und 21: WEBDESIGN QUO VADIS - TRENDS, CONTA
- Seite 22 und 23: WEBDESIGN QUO VADIS - TRENDS, CONTA
- Seite 24 und 25: WEBDESIGN QUO VADIS - TRENDS, CONTA
- Seite 26 und 27: WEBDESIGN QUO VADIS - TRENDS, CONTA
- Seite 28 und 29: WEBDESIGN QUO VADIS - TRENDS, CONTA
- Seite 30 und 31: WEBDESIGN QUO VADIS - TRENDS, CONTA
- Seite 32 und 33: WEBDESIGN QUO VADIS - TRENDS, CONTA
- Seite 34 und 35: WEBDESIGN QUO VADIS - TRENDS, CONTA
- Seite 36 und 37: WEBDESIGN QUO VADIS - TRENDS, CONTA
- Seite 38 und 39: WEBDESIGN QUO VADIS - TRENDS, CONTA
- Seite 40 und 41: WEBDESIGN QUO VADIS - TRENDS, CONTA
- Seite 42 und 43: WEBDESIGN QUO VADIS - TRENDS, CONTA
- Seite 44 und 45: WEBDESIGN QUO VADIS - TRENDS, CONTA
- Seite 46 und 47: WEBDESIGN QUO VADIS - TRENDS, CONTA
- Seite 48 und 49: WEBDESIGN QUO VADIS - TRENDS, CONTA
- Seite 50 und 51: WEBDESIGN QUO VADIS - TRENDS, CONTA
WEBDESIGN QUO VADIS – TRENDS, CONTAO UND MEHR<br />
WEBDESIGN QUO VADIS –<br />
TRENDS, CONTAO UND MEHR<br />
1 / 53<br />
<strong>Contao</strong> Konferenz 2016 | Thomas Weitzel | © 2016
WEBDESIGN QUO VADIS – TRENDS, CONTAO UND MEHR<br />
jQuery<br />
Frameworks<br />
UI Pattern<br />
lazy load<br />
Fo<strong>und</strong>ation<br />
RWD<br />
nginx<br />
Responsive images<br />
picture element<br />
Performance<br />
SVG<br />
Bootstrap<br />
Composer<br />
mobile first<br />
2 / 53<br />
<strong>Contao</strong> Konferenz 2016 | Thomas Weitzel | © 2016
WEBDESIGN QUO VADIS – TRENDS, CONTAO UND MEHR<br />
Überblick wärs…<br />
3 / 53<br />
<strong>Contao</strong> Konferenz 2016 | Thomas Weitzel | © 2016
WEBDESIGN QUO VADIS – TRENDS, CONTAO UND MEHR<br />
Immer <strong>mehr</strong> Perfektion, immer <strong>mehr</strong> technische Raffinessen.<br />
Viele <strong>Webdesign</strong>er sind von der Vielfalt der Entwicklungen im <strong>Webdesign</strong><br />
gefordert, die richtigen Weichen für die tägliche Arbeit zu stellen.<br />
Welche Techniken soll ich zukünftig einsetzen?<br />
Ist der Trend relevant für meine Arbeit, meine K<strong>und</strong>en?<br />
Auf <strong>Contao</strong> bezogen: Setze ich auf eigenes Design <strong>und</strong> Umsetzung? Oder<br />
nutze ich Themes <strong>und</strong> passe diese an? Wie komme ich mit einem Standard-Setup<br />
schneller ans Ziel?<br />
4 / 53<br />
<strong>Contao</strong> Konferenz 2016 | Thomas Weitzel | © 2016
WEBDESIGN QUO VADIS – TRENDS, CONTAO UND MEHR<br />
## Wer spricht<br />
5 / 53<br />
<strong>Contao</strong> Konferenz 2016 | Thomas Weitzel | © 2016
WEBDESIGN QUO VADIS – TRENDS, CONTAO UND MEHR<br />
# Wer spricht<br />
Thomas Weitzel, Diplom-Designer<br />
seit 1994 im Dschungel unterwegs<br />
seit 2006 bei <strong>Contao</strong><br />
2010-2013 <strong>Contao</strong> Team<br />
Zwei Bücher zu <strong>Contao</strong> (2010 <strong>und</strong> 2013)<br />
AG Presse & News, Best Practices mit <strong>Contao</strong><br />
AG Partnerbetreuung<br />
Aktivmitglied der <strong>Contao</strong> Association (seit 2012)<br />
Beisitzer im Vorstand der <strong>Contao</strong> Association (seit 2016)<br />
Sprecher auf den Konferenzen & Camps (2006 - heute)<br />
<strong>Contao</strong> Jahrbuch<br />
<strong>Contao</strong> Agenturtag<br />
<strong>Contao</strong> Stammtisch Stuttgart (seit 2014)<br />
6 / 53<br />
<strong>Contao</strong> Konferenz 2016 | Thomas Weitzel | © 2016
WEBDESIGN QUO VADIS – TRENDS, CONTAO UND MEHR<br />
# <strong>Webdesign</strong> <strong>Trends</strong><br />
7 / 53<br />
<strong>Contao</strong> Konferenz 2016 | Thomas Weitzel | © 2016
WEBDESIGN QUO VADIS – TRENDS, CONTAO UND MEHR<br />
# <strong>Webdesign</strong> <strong>Trends</strong><br />
Jede grössere Plattform gibt zum Anfang eines Jahres<br />
eine Empfehlung für die <strong>Trends</strong> im <strong>Webdesign</strong> heraus.<br />
Spannend, dass vielen nur von einander nur<br />
copy-pasten :-)<br />
Neben den Trendvorhersagen<br />
sind Websites<br />
interessant, die zum<br />
Beispiel Auszeichnungen<br />
erhalten oder vergeben<br />
wie www.awwwards.com.<br />
8 / 53<br />
<strong>Contao</strong> Konferenz 2016 | Thomas Weitzel | © 2016
WEBDESIGN QUO VADIS – TRENDS, CONTAO UND MEHR<br />
# <strong>Webdesign</strong> <strong>Trends</strong><br />
## Cards design<br />
Beispiel Pinterest<br />
9 / 53<br />
<strong>Contao</strong> Konferenz 2016 | Thomas Weitzel | © 2016
WEBDESIGN QUO VADIS – TRENDS, CONTAO UND MEHR<br />
# <strong>Webdesign</strong> <strong>Trends</strong><br />
## Cards design<br />
Beispiel Trello<br />
10 / 53<br />
<strong>Contao</strong> Konferenz 2016 | Thomas Weitzel | © 2016
WEBDESIGN QUO VADIS – TRENDS, CONTAO UND MEHR<br />
# <strong>Webdesign</strong> <strong>Trends</strong><br />
## Cards design<br />
Beispiel Twitter<br />
11 / 53<br />
<strong>Contao</strong> Konferenz 2016 | Thomas Weitzel | © 2016
WEBDESIGN QUO VADIS – TRENDS, CONTAO UND MEHR<br />
# <strong>Webdesign</strong> <strong>Trends</strong><br />
## Hamburger Menü<br />
Immer noch umstritten diskutiert, ist das bei vielen Benutzern gelernt…<br />
12 / 53<br />
<strong>Contao</strong> Konferenz 2016 | Thomas Weitzel | © 2016
WEBDESIGN QUO VADIS – TRENDS, CONTAO UND MEHR<br />
# <strong>Webdesign</strong> <strong>Trends</strong><br />
## Hamburger Menü<br />
Vegetarisches Burgermenü…<br />
13 / 53<br />
<strong>Contao</strong> Konferenz 2016 | Thomas Weitzel | © 2016
WEBDESIGN QUO VADIS – TRENDS, CONTAO UND MEHR<br />
# <strong>Webdesign</strong> <strong>Trends</strong><br />
## Endlosscrollen / Storytelling<br />
Gerade in der mobilen Ansicht sind es<br />
Benutzer gewohnt, vertikal zu scrollen.<br />
Dies findet auch Verwendung bei<br />
vielen Desktop-Seiten. Beispiel sind<br />
die OnePager.<br />
http://www.spaceneedle.com/home/<br />
14 / 53<br />
<strong>Contao</strong> Konferenz 2016 | Thomas Weitzel | © 2016
WEBDESIGN QUO VADIS – TRENDS, CONTAO UND MEHR<br />
# <strong>Webdesign</strong> <strong>Trends</strong><br />
## Style Tiles<br />
„Develop a design system rather than<br />
designing fixed-width pages.”<br />
Anstatt komplette Designs in<br />
Photoshop zu erstellen, wird auch<br />
gerne auf eine Kombination von<br />
„Development in the browser” <strong>und</strong><br />
eines Moodboards, auch Style Tiles<br />
genannt, gesetzt.<br />
http://styletil.es/<br />
http://rachkozy.github.io/aroma/<br />
15 / 53<br />
<strong>Contao</strong> Konferenz 2016 | Thomas Weitzel | © 2016
WEBDESIGN QUO VADIS – TRENDS, CONTAO UND MEHR<br />
# <strong>Webdesign</strong> <strong>Trends</strong><br />
## Style Tiles<br />
Auch Live StyleGuides sind ein Thema,<br />
die entweder aus einer bestehenden<br />
Website die wichtigsten Gestaltungselemente<br />
herausziehen.<br />
Oder Skripte mit denen sich die Vorgaben<br />
schnell erstellen oder abändern<br />
lassen.<br />
http://styleguide.sc5.io/<br />
http://stylifyme.com/<br />
16 / 53<br />
<strong>Contao</strong> Konferenz 2016 | Thomas Weitzel | © 2016
WEBDESIGN QUO VADIS – TRENDS, CONTAO UND MEHR<br />
# <strong>Webdesign</strong> Talks<br />
17 / 53<br />
<strong>Contao</strong> Konferenz 2016 | Thomas Weitzel | © 2016
WEBDESIGN QUO VADIS – TRENDS, CONTAO UND MEHR<br />
# <strong>Webdesign</strong> Talks<br />
# TED Talk<br />
https://designschool.canva.com/blog/50-must-see-ted-talks-creativity-design/<br />
18 / 53<br />
<strong>Contao</strong> Konferenz 2016 | Thomas Weitzel | © 2016
WEBDESIGN QUO VADIS – TRENDS, CONTAO UND MEHR<br />
# <strong>Webdesign</strong> Talks<br />
# An Event Apart<br />
http://aneventapart.com/<br />
19 / 53<br />
<strong>Contao</strong> Konferenz 2016 | Thomas Weitzel | © 2016
WEBDESIGN QUO VADIS – TRENDS, CONTAO UND MEHR<br />
# <strong>Webdesign</strong> Talks<br />
# Re:publica<br />
https://re-publica.de<br />
20 / 53<br />
<strong>Contao</strong> Konferenz 2016 | Thomas Weitzel | © 2016
WEBDESIGN QUO VADIS – TRENDS, CONTAO UND MEHR<br />
# <strong>Webdesign</strong> Talks<br />
# Beyond Tellerrand<br />
https://beyondtellerrand.com<br />
21 / 53<br />
<strong>Contao</strong> Konferenz 2016 | Thomas Weitzel | © 2016
WEBDESIGN QUO VADIS – TRENDS, CONTAO UND MEHR<br />
# <strong>Webdesign</strong> Talks<br />
# Typo Berlin<br />
http://typotalks.com/berlin/de<br />
22 / 53<br />
<strong>Contao</strong> Konferenz 2016 | Thomas Weitzel | © 2016
WEBDESIGN QUO VADIS – TRENDS, CONTAO UND MEHR<br />
# <strong>Webdesign</strong> Talks<br />
# Typo Berlin 2016<br />
Sieben Thesen zur Zukunft des Designs<br />
von Jochen Rädeker, strichpunkt<br />
Siebenmal Ende, siebenmal Anfang<br />
1. Ende des Autorendesigns – Beginn der Co-Creation<br />
2. Ende der Ästhetik – Beginn des Denkens<br />
3. Ende der Funktion – Beginn der Haltung<br />
4. Ende des Analogen – Beginn des Sensitiven<br />
5. Ende des Unwissens – Beginn des Entdeckens<br />
6. Ende der Marke – Beginn der Transformation<br />
7. Ende vom Ende – Beginn des Unvollendeten<br />
Quelle: http://typotalks.com/news/2016/05/13/jochen-raedeker-hello-future-goodbye-design/<br />
23 / 53<br />
<strong>Contao</strong> Konferenz 2016 | Thomas Weitzel | © 2016
WEBDESIGN QUO VADIS – TRENDS, CONTAO UND MEHR<br />
# <strong>Webdesign</strong> Talks<br />
# Webinale<br />
https://webinale.de<br />
24 / 53<br />
<strong>Contao</strong> Konferenz 2016 | Thomas Weitzel | © 2016
WEBDESIGN QUO VADIS – TRENDS, CONTAO UND MEHR<br />
# <strong>Webdesign</strong> & <strong>Contao</strong><br />
25 / 53<br />
<strong>Contao</strong> Konferenz 2016 | Thomas Weitzel | © 2016
WEBDESIGN QUO VADIS – TRENDS, CONTAO UND MEHR<br />
# <strong>Webdesign</strong> & <strong>Contao</strong><br />
Der Dornröschenschlaf im <strong>Webdesign</strong> ist vorbei!<br />
Die gewohnten Methoden & Techniken reichen nicht <strong>mehr</strong> aus –<br />
es kommt stets neue hinzu.<br />
Welche Möglichkeiten gibt es das auf <strong>Contao</strong> <strong>und</strong><br />
unseren Workflow anzupassen?<br />
26 / 53<br />
<strong>Contao</strong> Konferenz 2016 | Thomas Weitzel | © 2016
WEBDESIGN QUO VADIS – TRENDS, CONTAO UND MEHR<br />
# <strong>Webdesign</strong> & <strong>Contao</strong><br />
## Baukasten? <strong>Contao</strong>!<br />
## Themes - oder warum Themes oft nicht die schnelle Lösung sind<br />
## <strong>Contao</strong> & Muse = <br />
## Basic (faster) Setup<br />
## Wartung & Pflege<br />
27 / 53<br />
<strong>Contao</strong> Konferenz 2016 | Thomas Weitzel | © 2016
WEBDESIGN QUO VADIS – TRENDS, CONTAO UND MEHR<br />
# Baukasten? <strong>Contao</strong>!<br />
28 / 53<br />
<strong>Contao</strong> Konferenz 2016 | Thomas Weitzel | © 2016
WEBDESIGN QUO VADIS – TRENDS, CONTAO UND MEHR<br />
# <strong>Contao</strong><br />
## Baukasten? <strong>Contao</strong>!<br />
# Baukastensysteme<br />
Jimdo<br />
Squarespace<br />
Wix<br />
…<br />
29 / 53<br />
<strong>Contao</strong> Konferenz 2016 | Thomas Weitzel | © 2016
WEBDESIGN QUO VADIS – TRENDS, CONTAO UND MEHR<br />
# <strong>Contao</strong><br />
## Baukasten? <strong>Contao</strong>!<br />
# Baukastensysteme<br />
Pro:<br />
- einfach bedienbar (meist FE-Editing)<br />
- mobile / responsive meist schon dabei<br />
- festes Schema hilft Anwendern bei der Umsetzung<br />
Con:<br />
- kaum erweiterbar (technisch wie gestalterisch)<br />
- kein (individuelles) Backup<br />
- kaum SEO-optimiert (Code-Qualität)<br />
- Export der Daten oft nicht möglich<br />
30 / 53<br />
<strong>Contao</strong> Konferenz 2016 | Thomas Weitzel | © 2016
WEBDESIGN QUO VADIS – TRENDS, CONTAO UND MEHR<br />
# <strong>Contao</strong><br />
## Baukasten? <strong>Contao</strong>!<br />
# <strong>Contao</strong><br />
Pro:<br />
- volle (Code-)Kontrolle<br />
- Hostingwechsel kein Thema<br />
- kann mit den Anforderungen wachsen (…es kommt drauf an)<br />
- Professioneller (Agentur vertickt kein von-der-Stange-Konzept)<br />
- meist individuelles Design & Umsetzung für den K<strong>und</strong>en<br />
Fazit:<br />
Beide haben ihre Berechtigung - hier kommen wir als Berater ins Spiel.<br />
31 / 53<br />
<strong>Contao</strong> Konferenz 2016 | Thomas Weitzel | © 2016
WEBDESIGN QUO VADIS – TRENDS, CONTAO UND MEHR<br />
# Themes.<br />
Oder warum Themes oft nicht die schnelle Lösung sind.<br />
32 / 53<br />
<strong>Contao</strong> Konferenz 2016 | Thomas Weitzel | © 2016
WEBDESIGN QUO VADIS – TRENDS, CONTAO UND MEHR<br />
# <strong>Contao</strong><br />
## Themes - oder warum Themes oft nicht die schnelle Lösung sind<br />
- Themes ermöglichen es uns den K<strong>und</strong>en mit fertigen Designvorlagen<br />
in die Diskussion zu gehen.<br />
- Themes tragen zur Verbreitung von <strong>Contao</strong> bei<br />
- Themes installieren <strong>und</strong> einrichten sind in der Regel Admintätigkeiten…<br />
- Themes zeigen die Anpassbarkeit von <strong>Contao</strong> oft eindrucksvoll<br />
33 / 53<br />
<strong>Contao</strong> Konferenz 2016 | Thomas Weitzel | © 2016
WEBDESIGN QUO VADIS – TRENDS, CONTAO UND MEHR<br />
# <strong>Contao</strong><br />
## Themes - oder warum Themes oft nicht die schnelle Lösung sind<br />
Pro:<br />
- der K<strong>und</strong>e bekommt konkrete Vorstellungen (s)eines Designs<br />
- der Entwicklungsaufwand (Designentwürfe, Zwischenr<strong>und</strong>en,<br />
Abstimmungen) entfallen (erstmal)<br />
- in der Regel sind alle Core-Elemente gestaltet <strong>und</strong> direkt verwendbar<br />
- kontinuierliche Weiterentwicklung der Themes entlastet die<br />
Eigenentwicklung<br />
- „Lernvorlage” für eigene Lösungsansätze<br />
34 / 53<br />
<strong>Contao</strong> Konferenz 2016 | Thomas Weitzel | © 2016
WEBDESIGN QUO VADIS – TRENDS, CONTAO UND MEHR<br />
# <strong>Contao</strong><br />
## Themes - oder warum Themes oft nicht die schnelle Lösung sind<br />
Cons:<br />
- fremder Code / fremdes Konzept muss erst mal verstanden werden<br />
- Wo finde ich was? Gerade wenn neue Inhaltselemente mit dem<br />
Theme mitgeliefert werden<br />
- die Anpassungen benötigen oft auch noch (viel) Zeit<br />
- die Struktur ist als Template erst einmal vorgegeben<br />
- ersetzt meist nicht den Denkprozess „Was benötige ich für<br />
meine Firma?”<br />
-> den K<strong>und</strong>en wieder als Berater aktiv unterstützen<br />
35 / 53<br />
<strong>Contao</strong> Konferenz 2016 | Thomas Weitzel | © 2016
WEBDESIGN QUO VADIS – TRENDS, CONTAO UND MEHR<br />
# <strong>Contao</strong><br />
## Themes - oder warum Themes oft nicht die schnelle Lösung sind<br />
# Praxistipps<br />
- In einer Erstgespräch ist es wichtig, den K<strong>und</strong>en darauf hinzuweisen, das<br />
mit dem Kauf <strong>und</strong> der Installation des Themes erst die Basis geschaffen<br />
ist für den Aufbau der Website.<br />
- Dublette des Seitenbaums erstellen (Ersatzteillager)<br />
- Installation <strong>Contao</strong> + Theme + X Tagessätze = fertige Website<br />
- Einmal temporär die Bilder entfernen ( * img {display:none;} ), damit der<br />
K<strong>und</strong>e sieht wie die Wirkung ohne die Bilder ist.<br />
Denn Bildrecherche kann dauern…<br />
…<strong>und</strong> kostet dann auch.<br />
36 / 53<br />
<strong>Contao</strong> Konferenz 2016 | Thomas Weitzel | © 2016
WEBDESIGN QUO VADIS – TRENDS, CONTAO UND MEHR<br />
# <strong>Contao</strong> & MUSE<br />
Ein Beispiel wie man auf die wechselnden<br />
Marktanforderungen reagieren kann<br />
37 / 53<br />
<strong>Contao</strong> Konferenz 2016 | Thomas Weitzel | © 2016
WEBDESIGN QUO VADIS – TRENDS, CONTAO UND MEHR<br />
# <strong>Contao</strong><br />
## Adobe Muse & <br />
- kurz die Story<br />
- Markt <strong>und</strong> Anforderungen wandelt sich<br />
- Designprozess bleibt bei der Agentur<br />
38 / 53<br />
<strong>Contao</strong> Konferenz 2016 | Thomas Weitzel | © 2016
WEBDESIGN QUO VADIS – TRENDS, CONTAO UND MEHR<br />
# <strong>Contao</strong><br />
## Adobe Muse & <br />
- kurz die Story<br />
- Markt <strong>und</strong> Anforderungen wandelt sich<br />
- Designprozess bleibt bei der Agentur<br />
Praxisbeispiel - wie mans nicht macht:<br />
- alle Seitentitel gleich !<br />
- 17,7 MB Daten Startseite !!!<br />
- ohne JS keine Inhalte sichtbar !<br />
-> ohne Web-Know-how ist das zu wenig…<br />
…aber hier kein Muse-Problem, sondern<br />
fehlendes Web-Know-how.<br />
39 / 53<br />
<strong>Contao</strong> Konferenz 2016 | Thomas Weitzel | © 2016
WEBDESIGN QUO VADIS – TRENDS, CONTAO UND MEHR<br />
# <strong>Contao</strong> Basis Setup<br />
40 / 53<br />
<strong>Contao</strong> Konferenz 2016 | Thomas Weitzel | © 2016
WEBDESIGN QUO VADIS – TRENDS, CONTAO UND MEHR<br />
# <strong>Contao</strong><br />
## Basic (faster) Setup<br />
- Basis-Installation mit typischen Seiten <strong>und</strong> Modulen<br />
- immer aktuell halten (LTS)<br />
- einheitliche Schemata verwenden (Bezeichnungen intern)<br />
- passendes Hosting einsetzen (SSH …)<br />
Pro:<br />
- vorgefertigte Installation (Files & DB Dump)<br />
- schnell verfügbar<br />
- eigene Lieblings-Erweiterungen gleich an Bord<br />
- …<br />
41 / 53<br />
<strong>Contao</strong> Konferenz 2016 | Thomas Weitzel | © 2016
WEBDESIGN QUO VADIS – TRENDS, CONTAO UND MEHR<br />
# <strong>Contao</strong> Wartung & Pflege<br />
42 / 53<br />
<strong>Contao</strong> Konferenz 2016 | Thomas Weitzel | © 2016
WEBDESIGN QUO VADIS – TRENDS, CONTAO UND MEHR<br />
## Wartung & Pflege<br />
*Everybody wants to build and nobody wants to do maintenance*.<br />
Kurt Vonnegut (Wikipedia)<br />
43 / 53<br />
<strong>Contao</strong> Konferenz 2016 | Thomas Weitzel | © 2016
WEBDESIGN QUO VADIS – TRENDS, CONTAO UND MEHR<br />
## Wartung & Pflege<br />
Mit wachsender Verbreitung von <strong>Contao</strong> steigt auch der Bedarf für<br />
Wartung <strong>und</strong> Pflege bestehender Websites.<br />
Hier steigt der Bedarf für Evaluierung der Installationen wie auch der<br />
richtigen Strategie - also unser Know-how in Sachen <strong>Contao</strong> ist gefragt.<br />
44 / 53<br />
<strong>Contao</strong> Konferenz 2016 | Thomas Weitzel | © 2016
WEBDESIGN QUO VADIS – TRENDS, CONTAO UND MEHR<br />
## Wartung & Pflege<br />
Hier erwarten einen unterschiedlichste Szenarien.<br />
Wurde live auf der Konferenz diskutiert…<br />
45 / 53<br />
<strong>Contao</strong> Konferenz 2016 | Thomas Weitzel | © 2016
WEBDESIGN QUO VADIS – TRENDS, CONTAO UND MEHR<br />
# Lese-Input<br />
46 / 53<br />
<strong>Contao</strong> Konferenz 2016 | Thomas Weitzel | © 2016
WEBDESIGN QUO VADIS – TRENDS, CONTAO UND MEHR<br />
## Lese-Input<br />
Mike Monteiro<br />
„Design is a job”, A Book Apart<br />
„You’re my favorite client”, A Book Apart<br />
47 / 53<br />
<strong>Contao</strong> Konferenz 2016 | Thomas Weitzel | © 2016
WEBDESIGN QUO VADIS – TRENDS, CONTAO UND MEHR<br />
## Lese-Input<br />
Lea Verou<br />
CSS Secrets, O‘Reilly, Deutsche Übersetzung von Jørgen Lang<br />
48 / 53<br />
<strong>Contao</strong> Konferenz 2016 | Thomas Weitzel | © 2016
WEBDESIGN QUO VADIS – TRENDS, CONTAO UND MEHR<br />
# Lausch-Input<br />
49 / 53<br />
<strong>Contao</strong> Konferenz 2016 | Thomas Weitzel | © 2016
WEBDESIGN QUO VADIS – TRENDS, CONTAO UND MEHR<br />
## Lausch-Input<br />
Karen McGrane & Ethan Marcotte<br />
Responsive Web Design Podcast<br />
50 / 53<br />
<strong>Contao</strong> Konferenz 2016 | Thomas Weitzel | © 2016
WEBDESIGN QUO VADIS – TRENDS, CONTAO UND MEHR<br />
## Finale<br />
51 / 53<br />
<strong>Contao</strong> Konferenz 2016 | Thomas Weitzel | © 2016
WEBDESIGN QUO VADIS – TRENDS, CONTAO UND MEHR<br />
## Finale<br />
Danke.<br />
52 / 53<br />
<strong>Contao</strong> Konferenz 2016 | Thomas Weitzel | © 2016
WEBDESIGN QUO VADIS – TRENDS, CONTAO UND MEHR<br />
# Quellen<br />
53 / 53<br />
<strong>Contao</strong> Konferenz 2016 | Thomas Weitzel | © 2016
WEBDESIGN QUO VADIS – TRENDS, CONTAO UND MEHR<br />
## Quellen<br />
Bilder:<br />
https://static.pexels.com/photos/7541/pexels-photo.jpeg<br />
https://static.pexels.com/photos/6550/nature-sky-sunset-man.jpeg<br />
54 / 53<br />
<strong>Contao</strong> Konferenz 2016 | Thomas Weitzel | © 2016