RWD - Volker Lehnen - 2012 Responsive Web Design Werkzeug oder Paradigmen-Wechsel?

Slides:



Advertisements
Ähnliche Präsentationen
1 Mobile – Wohin geht der Weg? Mobile – Wohin geht der Weg?
Advertisements

IT-Sicherheit Mobile Geräte.
Entwicklung von Multimedia-Systemen
Name des Vortragenden Klasse Ort / tt.mm.jjjj Mobile Computing.
Agenda 1. Was ist Mobile Computing? 2. Wie funktioniert es?
Erstellen einer Webseite Fortbildung am FPGZ Stephan Best.
Intelligente Zähler mit Smartphones einbauen: Kosten sparen mit der BTC Gerätewechsel-App Jessica Louka, Markus Hunke BTC Business Technology Consulting.
TYPO3 Content Elemente mit Fluid
E-Finance Schulung Computeria Wallisellen 22. August 2012
Herzlich Willkommen! Barrierefreie Kommunikation
Microsoft Office 365 von Vodafone
Gegenstand EDV Thema: Informative Webseiten
leseförderung mit smartphone und tablet – © by herbert dutzler 2012
Eine Präsentation von Dario Müller © 2012
Neuerungen im Web-Bereich
GRAU DataSpace 2.0 – DIE SICHERE KOMMUNIKATIONS- PLATTFORM FÜR UNTERNEHMEN UND ORGANISATIONEN YOUR DATA. YOUR CONTROL.
Mensch-Maschine-Interaktion bei mobilen Endgeräten Bernhard Huber Peter Weichenberger TKS-B
Dürfen wir uns kurz vorstellen
MDM Systeme im Test Udo Bredemeier
Outputter Engine. Ausgangslage 10 jähriges Web Framework Veraltete User Controls Schlechte Unterstützung für mobile Geräte Bestehende Applikationen /
Hinweis: Falls Ihr Dokument in einer «Geschützten Ansicht» angezeigt wird, klicken Sie auf die Schaltfläche «Bearbeitung aktivieren». Danach stehen Ihnen.
WAI-Richtlinie und E- Government Beirat für Informationsgesellschaft am 11. Oktober 2004.
Produktüberblick Die D-Link Router DWR-921 und DWR-116* ermöglichen Ihren Kunden, das superschnelle 4G-LTE/3G-Breitbandnetz als mobile Internet-verbindung.
EP Media Group Pro Website Internet: ©2014 EP Media Group.
CSM und CSC: was ist die richtige Wahl?
Uwe Habermann Venelina Jordanova dFPUG-CeBIT-Entwicklertreffen
Das Ziel… SchülerInnen lernen freiwillig Buchhaltung…
verändert? Was hat sich in den letzten Jahren Ausgabegeräte:
Software Adobe Photoshop Elements (ca. 100 €)
iGreen Machine Connector
TEILNEHMEN Der mobile Nutzer schließt sich einer Remote-Support- Sitzung an, ohne sich in ein ISL Online Konto einzuloggen. Einfach Teilnehmen anklicken.
Warum WordPress? DER Standard Prinzip einfach auf andere Systeme übertragbar Heute: WordPress.
Gtn gmbh Jedesmal, wenn du alle Antworten gelernt hast, wechseln sie alle Fragen. Oliver Otis Howard ( )
Das Außergewöhnliche / Einmalige
CompiHelp das Seniorweb-Lerncenter in Bern Wandern mit dem Compi Begrüssung und Vorstellung Kurs-Ziel: Sie drucken eine Wanderkarte Erstellen + speichern.
Quick Start Guide (de) Communote 2.2. Communote GmbH · Kleiststraße 10 a · D Dresden/Germany · +49 (351) · ·
Mobility Lösungen.
Quick Start Guide (de) Communote 2.0. Communardo Software GmbH · Kleiststraße 10 a · D Dresden/Germany · +49 (351) ·
Desktop Services in der Sozialversicherung
Digitale Medien I Programmablauf der Vorlesung am 05. Juli 2014 Dozent: Gerhard Fleige Digitale Medien I Samstag, 05. Juli 2014 Die nachfolgenden Folien.
Nutzerorientiertes Design
Mobile SEO – Bist Du bereit für eine Revolution? Suchmaschinenkonferenz, Zürich Björn Beth, Head of SEO ricardo.ch
Eine App zu Bewegung, Spass und Spiel… …aber auch zum Lernen
Smartphones Leistungsfähige Computer in Taschenformat Ruedi Knupp Joachim Vetter
15 Trends im Web-designgebiet im Jahr Design- das ist nicht nur Gestaltungsmittel, sondern auch Kommunikationsmittel: es hilft ansehnlich und verständlich.
Web und Mobile Apps Programmieren Marco Jakob Kurzvortrag OSS an Schulen
Agenda 1. Definition Smartphone App Seite 2 2.
7.-8. März 2013, Rosenheim Brand my SharePoint grafische Gestaltung von SharePoint 2013-Webseiten Fabian Moritz | MVP SharePoint Server.
Ständige Weiterentwicklung ist seit mehr als 10 Jahren bei uns Programm 2004: E4S – element4solution Java Entwicklungs-Framework 2004: door2rental Artikelverleih.
Mobile AusweisApp
SEO-Textenwww.journalistenakademie.de1/18 Texten fürs Web: Wer, was, wie? Wer sich um Texten fürs Web kümmern sollte. Was Sie unbedingt tun müssen, um.
Smartphone und Tablet Apps selbst erstellen Michael Hielscher & Nico Steinbach.
Ein PC ist ein Schrank! Der Umgang mit dem Computer leicht und verständlich erklärt.
Mobile Computing Praxisbeispiele
SMARTPHONE WERBEMÖGLICHKEITEN. © Verkaufsentwicklung / Anzeigen und Marketing Kleine Zeitung UNSERE TOP NEWS IN NEUER SMARTER FORM ALLES NEU.
2 28. September 2015 Die Medienberatung NRW ist ein Angebot des LVR-Zentrums für Medien und Bildung und des LWL-Medienzentrums für Westfalen im Auftrag.

:17 1  von 61 MedienInformatik Datentechnik  Übungen „Medienkompetenz“
Erfolgreich auf und durch iPhone, Smartphone und Co. Mit Hilfe von Apps zu neuen Kunden 28. März 2012 Marc Brauel, Onwerk GmbH.
Agenda Allgemeine Infos zur neuen Site Login Profil und Profileinstellungen Medien Beitrag erstellen (Beitragsarten,Gültigkeiten)
User Interfaces/ HCI Media Queries Liesa Herbst ( ) / Margot Dum ( )
Mobil und vernetzt1 VERNETZUNG 4.0 Stefan R. Müller Suchmaschine Blinde Kuh Kinderseitenlandschaft – mobil und vernetzt – das zukunftsweisende Potential.
Website erstellen So erstellen Sie einfach unter Windows Ihre eigene Website mit Desktop CMS.
Microsoft Windows Theresa Grüter
DLernAsyl.
Konzept Blog/ePortfolio
1.
Vereinshomepage
Ein Online-Werkzeug zum Zeitungmachen für Kinder
 Präsentation transkript:

RWD - Volker Lehnen Responsive Web Design Werkzeug oder Paradigmen-Wechsel?

RWD - Volker Lehnen Ein Problem ? Bis ca vorrangig Desktops und Laptops Website Standards: anfangs 753, später 960 Pixel

RWD - Volker Lehnen Ein Problem ?! Ab ca zunehmend Netbooks und Smartphones (zunächst IPhone) Ohne Zoom-In, nichts zu lesen Buttons zu klein Keine Flash Unterstützung

RWD - Volker Lehnen Ein Problem ?! Reaktion: Zweite Website für mobile Endgeräte (m.domain.de oder mobile.domain.de) Anderes CMS ? Andere Inhalte Andere Aufteilung Ehrliche Antwort: Wer sucht nicht sofort den Button Desktop-Ansicht?

RWD - Volker Lehnen Ein Problem ! Heute: IPhone, Android, Win8, Tablets … ab ca. 2014/2015 mehr Traffic mobil als via Desktop Pflegeauffwand mal X

RWD - Volker Lehnen Nächstes Problem Computer mit kabelgebunderem Anschluss Laptop mit WLAN-Anbindung Laptop mit SIM Karte (LTE/EDGE/GPRS...) Handy mit WLAN-Anbindung Handy mit SIM Karte (LTE/EDGE/GPRS...) Laptop mit WLAN an Handy

RWD - Volker Lehnen Die Lösung: RWD Fluide Grids Keine absoluten Angaben für Breiten, Schrift- und Bildgrößen EINE WEBSITE FÜR ALLE GERÄTE, max. zwei Sites (Desktop / alles andere) Mobile First

RWD - Volker Lehnen Umsetzung von RWD HTML 5 mit CSS 3 Reduzierung von Inhalten Flexible Darstellung Benutzung von Frameworks, z.B. Bootstrap / Foundation Image Resizing (Adaptive Images) Text Resizing (FitText) Einsatz von Media Queries (Beispiele: mediaqueri.es) Device Detection via Modernizr

RWD - Volker Lehnen Das Photoshop Problem Beim Öffnen feste Größe wählen Nahe am Print Bereich Leichte Kommunikation mit Auftraggeber über das Layout der Seite, aber nicht responsive

RWD - Volker Lehnen Ein neuer Workflow Kein fertiges Design zu Beginn, sondern vom ersten Tag an HTML Coding und Agiles Projektmanagement Mobile First No Flash

RWD - Volker Lehnen Das Vertriebs-Dilemma Wohin mit der Werbung Kleinere Werbeplätze Weniger Werbeplätze Neue Ad-Sizes Beispiel: Facebook: Aktienverlust durch Verlust der Werbefläche im mobilen Sektor

RWD - Volker Lehnen Mein Umbau … von zu