SlideShare ist ein Scribd-Unternehmen logo
Pulpmedia intern
18. Juni 2013
PULP ACADEMY
RESPONSIVE WEB DESIGN
WTFISTRWD?
RWD=RESPONSIVE
WEBDESIGN
ACHTUNG: NICHT RESPONSIVE WEBSITE!
DER GRAFISCHE
AUFBAU EINER „RESPONSIVEN“
WEBSEITE ERFOLGT ANHAND DER
ANFORDERUNGEN DES JEWEILIGEN
GERÄTES, MIT DEM DIE SEITE
BETRACHTET WIRD.
Quelle: wikipedia
HOCH- & QUERFORMAT!
HOCH- & QUERFORMAT!
FINGER FRIENDLY
FINGER FRIENDLY
GIBT’S BIS RIESENGROSS!
320PX
2560PX
768PX
1280PX
HI-RESHI-RESHI-RES
LÖSUNGSANSÄTZE
ANSATZ1:
DERKLEINSTE
GEMEINSAME
NENNER
ANGEPASST AUF KLEINSTE AUFLÖSUNG
HALLO!
ICH BIN EIN BAUM!
ANSATZ2:
DERDESIGNER
ANSATZ
NO OFFENSE!
DESIGN AUF IMAC 27”
Responsive Web Design
ICH BIN EIGENTLICH EIN SCHÖNER, GROSSER BAUM!
ANSATZ3:
JEDEMDASSEINE
Responsive Web Design
IMAC
MACBOOK
IPAD
IPHONE
GALAXY NOTE?KINDLE FIRE?DELL NOTEBOOK?SAMSUNG SMART TV?
EIGENTLICH BIN ICH JA EIN BAUM, KEIN WALD!
ANSATZ4:
EINES,DASSICH
ANPASST
Responsive Web Design
100%
70%
40%
25%
HALT!
ICH BIN KEIN BAUM
ICH BIN AUCH KEIN BILD VON EINEM BAUM
ICH BIN EIN PLATZHALTER
FÜR EIN LAYOUT
ICH BIN EIN LAYOUT
EIN LAYOUT, DAS SICH ANPASST
(NOCH) STANDARD
4 Lösungsansätze
FRÜHER COMMON SENSEDER KLEINSTE GEMEINSAME NENNER
DESIGNER ANSATZ
ANPASSUNG RESPONSIVE WEB DESIGN
JEDEM DAS SEINE Z.B. M.FACEBOOK.COM
COOL
FUTUREPROOF
FUTUREFRIENDLY
WIEGEHEN
WIR’SAN?
KONZEPT
CONTENT
INVENTORY
CONTENT?
1. WELCHER
NEWS
NAVIGATION
LOGO
EYECATCHER
SOCIAL MEDIABLOGPOST
SITEMAP
HIGHLIGHT BOXEN
SUBMENÜ
SUBSUBMENÜ
SUCHE
LOGIN
LATEST TWEETS
FACEBOOK SOCIAL BOX
SOCIAL SHARE
ADRESSE
TESTIMONIALS
FORMULAR
PRIORISIERUNG
2. CONTENT
GRAFIK
KLEIN
ÜBERSCHRIFT
Datum
Lorem ipsum dolor sit amet,
consectetur adipiscing elit. Maecenas
nisi velit, gravida at sem et, interdum
cursus nibh. Mehr lesen ...
10 Kommentare Kategorie
GRAFIK GROSS
ÜBERSCHRIFT
Datum
Lorem ipsum dolor sit amet, consectetur adipiscing
elit. Maecenas nisi velit, gravida at sem et, interdum
cursus nibh. Mauris sagittis ullamcorper gravida. In
hac habitasse platea dictumst. Mehr lesen ...
SOCIAL SHARE10 Kommentare Kategorie
GRAFIK
KLEIN
ÜBERSCHRIFT
Datum
Kategorie
DESKTOP TABLET
PHONE
BIG SCREEN
DESKTOP
TABLET PHONE
DESKTOP
PHONE
PASSWORT
LOGIN
BENUTZERNAME
DESKTOP PHONE
SUCHENSUCHE:
PHONE
DESKTOP
HEADER
MENU
SOCIAL MEDIA
BLOGPOST
FOOTER
BLOGPOST
BLOGPOST
DESKTOP TABLET PHONE WIDE PHONE
HEADER
NAVIGATION
BLOGPOST
SOCIAL MEDIA
FOOTER
Großer Eycatcher
Mittlerer
Eyecatcher
Nur Logo Nur Logo
Volles Menü Volles Menü Icon Icon
Großes Bild,
Überschrift, Teaser
Großes Bild,
Überschrift, Teaser
Kleines Bild,
Überschrift, Teaser
Kleines Bild,
Überschrift
Facebook Box,
Latest Tweets
Facebook Likes,
Twitter Icon
Icons Icons
Adresse, Sitemap Adresse, Sitemap Adresse Adresse
Responsive Web Design
Responsive Web Design
NEW STUFF
LOGO NAVIGATION S SOCIAL L
NEXT BIG THING WHAT’S HOT
SUCHE LOGIN
KEIN WHAT’S HOT KEIN NEXT BIG THING
KEIN SOCIAL
NAVIGATION-ICONZUSÄTZLICHE MENÜEINTRÄGE HINTER “MEHR”
NUR ÜBERSCHRIFTEN
DESKTOP TABLET PHONE WIDE PHONE
Responsive Web Design
DESKTOP TABLET PHONE WIDE PHONE
LOGO
NAVIGATION
SUCHE
SOCIAL
LOGIN
NEW STUFF
NEXT BIG THING
WHAT’S HOT
✔ ✔ ✔ ✔
✔ “Mehr...” Icon Icon
✔ ✔ ✔ ✔
✔ ✔ ✘ ✘
✔ ✔ ✔ ✔
✔ ✔ ✔ Nur Überschriften
✔ ✔ ✘ ✘
✔ ✘ ✘ ✘
PROJEKTPROZESS
CONTENT STRATEGY
SKETCH
WIREFRAME DESIGN
PROTOTYPE
TEST
RWD PROTOTYPE
Quelle: Pon Kattera, http://www.slideshare.net/pkattera
A PROTOTYPE
NOTHING BEATS
IN THE CLIENTS HAND
Quelle: Pon Kattera, http://www.slideshare.net/pkattera
TECHNIK
CSS=CASCADING
STYLESHEET
CSS
FARBEN
SCHRIFTEN
AUSRICHTUNG
...
HTML
CSS
1024PXBIG SCREEN NORMAL PHONE WIDE 480PXTABLET1280PX 768PX PHONE 320PX
DEFINITION IM CSS ÜBER @MEDIA
/* Default Layout: 992px. */
body {
width: 896px;
padding: 72px 48px 84px;
background: rgb(232,232,232);
color: rgb(60,60,60);
-webkit-text-size-adjust: 100%; /* Stops Mobile Safari from auto-adjusting font-sizes */
}
/* Tablet Layout: 768px. */
@media only screen and (min-width: 768px) and (max-width: 991px) {
body {
width: 712px;
padding: 48px 28px 60px;
}
}
/* Wide Mobile Layout: 480px. */
@media only screen and (min-width: 480px) and (max-width: 767px) {
body {
width: 436px;
padding: 36px 22px 48px;
}
}
NICHT IN PIXEL!FARBEN
@mediaGlobale Definitionen
POSITIONIERUNG
SCHRIFTGRÖSSEN
GRAFIKEN UNTERSCHIEDLICHE GRÖSSEN
SCHRIFTARTEN
EIN-/AUSBLENDEN... ACHTUNG BEI BILDERN!
PHONE-AUFLÖSUNG
»MAX-WIDTH: 100%«
TECH-TIPP 1
FÜR IMAGES AUF
VERHINDERT NICHT
»DISPLAY: NONE«
DEN BILDDOWNLOAD!
TECH-TIPP 2
WEBSPEEDTEST
Quelle: http://www.gomez.com/wp-content/downloads/19986_WhatMobileUsersWant_Wp.pdf
HTTP://FPT.PINGDOM.COM
DESKTOP
MOBILE
WATERFALL CHART
FINDE BOTTLENECKS
TESTE ANDERE AUFLÖSUNGEN
RÜCKSICHT AUF MOBILE CONNECTIONS
VS
WAS IST MIT HI-RES DEVICES (RETINA DISPLAY)?
EIGENES CSS
EIGENE DESIGN-GRAFIKEN
DON’T DESIGN JUST FOR HI-RES!
4FACHE AUFLÖSUNG!
ACHTUNG: HI-RES HAT
72 DPI
HI-RES
Lorem ipsum dolor sit amet, consectetur
adipiscing elit. Mauris scelerisque dui id mi
blandit congue. Nulla nec tellus est. Nullam
ornare rutrum metus, et sodales magna
consectetur quis. Pellentesque sit amet rutrum
ligula, et molestie lectus. Nam malesuada magna
sed felis tempus vehicula. Mauris sed volutpat
magna, ac accumsan augue. Pellentesque ut
laoreet lorem. Nam lacinia ipsum mauris, vitae
ultrices justo molestie sit amet. Praesent
vulputate magna sapien, sed tincidunt elit
pellentesque id. Aenean sit amet sagittis tortor.
Pellentesque mattis id ante eget volutpat. Mauris
elit dolor, malesuada sit amet ornare et, varius a
mi. Fusce pretium ipsum id eros pellentesque
rutrum vitae id elit. Integer nibh tortor, porta ac
rhoncus ut, pharetra vel est. Duis congue leo
non sapien molestie tristique. Morbi ornare,
tortor in consequat ornare, sem mauris tincidunt
neque, sed ullamcorper risus erat in turpis.
Lorem ipsum dolor sit amet, consectetur
adipiscing elit. Mauris scelerisque dui id mi
blandit congue. Nulla nec tellus est. Nullam
ornare rutrum metus, et sodales magna
consectetur quis. Pellentesque sit amet rutrum
ligula, et molestie lectus. Nam malesuada
magna sed felis tempus vehicula. Mauris sed
volutpat magna, ac accumsan augue.
Pellentesque ut laoreet lorem. Nam lacinia
ipsum mauris, vitae ultrices justo molestie sit
amet. Praesent vulputate magna sapien, sed
tincidunt elit pellentesque id. Aenean sit amet
sagittis tortor. Pellentesque mattis id ante eget
volutpat. Mauris elit dolor, malesuada sit amet
ornare et, varius a mi. Fusce pretium ipsum id
eros pellentesque rutrum vitae id elit. Integer
nibh tortor, porta ac rhoncus ut, pharetra vel
est. Duis congue leo non sapien molestie
tristique. Morbi ornare, tortor in consequat
ornare, sem mauris tincidunt neque, sed
ullamcorper risus erat in turpis.
NICHT FINGER FRIENDLY
NICHT MEHR LESERLICH
EMPFOHELENE ICON-GRÖSSE: 44X44 PX
Quelle: iPhone Human Interface Guidelines
HI-RES: 88X88 PX
WIRKLICH NÖTIG?
IST HI-RES
VIELLEICHT IN ZUKUNFT AUSSCHLIESSLICH
GENUGTECH-TALK
WASISTMITDESIGN?
ANSATZ1:
LIQUIDDESIGN
NÜTZT IMMER VOLLE BREITE AUS
Responsive Web Design
SINNVOLL BEI “TILES”
NICHT SINNVOLL BEI TEXT
ANSATZ2:
FIXESLAYOUTJE
NACHAUFLÖSUNG
ELEMENTE HABEN FIXE BREITE
CONTENT FIXE BREITE MIT ZENTRIERTER AUSRICHTUNG
MAXIMALE BREITE: 1660 PX AB 1250 PX: 840 PX AB 950 PX: 556 PX AB 590 PX: 320 PX
JE NACH AUFLÖSUNG SPRINGT LAYOUT UM
DEMO
ANSATZ3:
COLUMNGRID
12SPALTEN
Responsive Web Design
1/21/2
1/43/4
1/32/3
1/4 1/41/2
1/4 1/67/12
EMPFEHLUNG:
960PX-GRID
60PXJESPALTE
20PXSPACE
Responsive Web Design
Responsive Web Design
Responsive Web Design
Responsive Web Design
1280 PX?
SPALTE: 80PX
Responsive Web Design
Responsive Web Design
Responsive Web Design
Responsive Web Design
Responsive Web Design
Responsive Web Design
RESPONSIVE
COLUMNLAYOUT
960PX
GRUNDLAYOUT
FÜRDESIGNER
TECHNISCHE
UMSETZUNG
INPROZENT
Responsive Web Design
Responsive Web Design
BIG SCREEN & NORMAL TABLET PHONE WIDE PHONE
BIG SCREEN & NORMAL TABLET PHONE WIDE PHONE
MAXIMALE BREITE: 1240 PX
ZENTRIERTE AUSRICHTUNG
1/3 1/3 1/3
1/1
5/12 1/4 1/3
<
1/6 1/6 1/6
1/6 2/3 1/6
1/2 1/2
1/2
1/2 1/2
1/1
1/1
1/1
1/1
TAKEAWAYS
CONTENT
INVENTORY
MITPRIORISIERUNG
RWDPROTOTYPING
WEBSPEEDTEST
PINGDOM.COM
BIGSCREEN:1280PX
NORMAL:1024PX
TABLET:768PX
PHONEWIDE:480PX
PHONE:320PX
FINGER-FRIENDLY
ICONS:44X44PX
LIQUIDLAYOUT
FÜRTILES
12COLUMNLAYOUT
SPALTE60PX
SPACE20PX
FRAGEN?
@pulpmedia facebook.com/pulpmedia pulpmedia.at

Weitere ähnliche Inhalte

Andere mochten auch

Engineering Drawing: Chapter 09 section
Engineering Drawing: Chapter 09 sectionEngineering Drawing: Chapter 09 section
Engineering Drawing: Chapter 09 section
mokhtar
 
La manicure
La manicureLa manicure
Zeinek du pisu gehiago
Zeinek du pisu gehiagoZeinek du pisu gehiago
Zeinek du pisu gehiago
idoialariz
 
PIFA Street Fair - A Roberts Event in co-production under the direction of PIFA
PIFA Street Fair - A Roberts Event in co-production under the direction of PIFA PIFA Street Fair - A Roberts Event in co-production under the direction of PIFA
PIFA Street Fair - A Roberts Event in co-production under the direction of PIFA
Danielle Pinto
 
Desarrollo filogenético y ontogenético del Sistema nervioso
Desarrollo filogenético y ontogenético del Sistema nerviosoDesarrollo filogenético y ontogenético del Sistema nervioso
Desarrollo filogenético y ontogenético del Sistema nervioso
1125Lu
 
Htc 2014 congress_program_r7final
Htc 2014 congress_program_r7finalHtc 2014 congress_program_r7final
Htc 2014 congress_program_r7final
Shaylika Chauhan
 
Golf operation program anglo revise 3
Golf operation program anglo revise 3Golf operation program anglo revise 3
Golf operation program anglo revise 3
Franciso Aymerich Riestra
 
Alquileres Turísticos 2014
Alquileres Turísticos 2014Alquileres Turísticos 2014
Alquileres Turísticos 2014
TurismoCalp
 
Kolab Presentation at FSCONS 2013
Kolab Presentation at FSCONS 2013Kolab Presentation at FSCONS 2013
Kolab Presentation at FSCONS 2013
Georg Greve
 
Lean Startup
Lean StartupLean Startup
Lean Startup
Stefan ROOCK
 
Wojciech góra
Wojciech góraWojciech góra
Wojciech góra
tutus10
 
StructSure Scaffold Introduces Instant UpRight
StructSure Scaffold Introduces Instant UpRightStructSure Scaffold Introduces Instant UpRight
StructSure Scaffold Introduces Instant UpRight
StructSure
 
Colmercedes, matanza version 1
Colmercedes, matanza version 1Colmercedes, matanza version 1
Colmercedes, matanza version 1
mariateron
 

Andere mochten auch (13)

Engineering Drawing: Chapter 09 section
Engineering Drawing: Chapter 09 sectionEngineering Drawing: Chapter 09 section
Engineering Drawing: Chapter 09 section
 
La manicure
La manicureLa manicure
La manicure
 
Zeinek du pisu gehiago
Zeinek du pisu gehiagoZeinek du pisu gehiago
Zeinek du pisu gehiago
 
PIFA Street Fair - A Roberts Event in co-production under the direction of PIFA
PIFA Street Fair - A Roberts Event in co-production under the direction of PIFA PIFA Street Fair - A Roberts Event in co-production under the direction of PIFA
PIFA Street Fair - A Roberts Event in co-production under the direction of PIFA
 
Desarrollo filogenético y ontogenético del Sistema nervioso
Desarrollo filogenético y ontogenético del Sistema nerviosoDesarrollo filogenético y ontogenético del Sistema nervioso
Desarrollo filogenético y ontogenético del Sistema nervioso
 
Htc 2014 congress_program_r7final
Htc 2014 congress_program_r7finalHtc 2014 congress_program_r7final
Htc 2014 congress_program_r7final
 
Golf operation program anglo revise 3
Golf operation program anglo revise 3Golf operation program anglo revise 3
Golf operation program anglo revise 3
 
Alquileres Turísticos 2014
Alquileres Turísticos 2014Alquileres Turísticos 2014
Alquileres Turísticos 2014
 
Kolab Presentation at FSCONS 2013
Kolab Presentation at FSCONS 2013Kolab Presentation at FSCONS 2013
Kolab Presentation at FSCONS 2013
 
Lean Startup
Lean StartupLean Startup
Lean Startup
 
Wojciech góra
Wojciech góraWojciech góra
Wojciech góra
 
StructSure Scaffold Introduces Instant UpRight
StructSure Scaffold Introduces Instant UpRightStructSure Scaffold Introduces Instant UpRight
StructSure Scaffold Introduces Instant UpRight
 
Colmercedes, matanza version 1
Colmercedes, matanza version 1Colmercedes, matanza version 1
Colmercedes, matanza version 1
 

Ähnlich wie Responsive Web Design

Was nicht passt wird responsive gemacht
Was nicht passt wird responsive gemachtWas nicht passt wird responsive gemacht
Was nicht passt wird responsive gemacht
Christoph Reinartz
 
Responsive Webdesign - Unter der Haube
Responsive Webdesign - Unter der HaubeResponsive Webdesign - Unter der Haube
Responsive Webdesign - Unter der Haube
falconwhite
 
Responsive Webdesign mit Bootstrap
Responsive Webdesign mit BootstrapResponsive Webdesign mit Bootstrap
Responsive Webdesign mit Bootstrap
Gregor Biswanger
 
Agile Web Projects
Agile Web ProjectsAgile Web Projects
Agile Web Projects
Paul Lanzerstorfer
 
Aber schnell! Top HTML5 Performance Tipps für Hybrid- und Web-Apps
Aber schnell! Top HTML5 Performance Tipps für Hybrid- und Web-AppsAber schnell! Top HTML5 Performance Tipps für Hybrid- und Web-Apps
Aber schnell! Top HTML5 Performance Tipps für Hybrid- und Web-Apps
Gregor Biswanger
 
WUD 2020 drei-gruende-warum ux design die apokalypse verhindert
WUD 2020 drei-gruende-warum ux design die apokalypse verhindertWUD 2020 drei-gruende-warum ux design die apokalypse verhindert
WUD 2020 drei-gruende-warum ux design die apokalypse verhindert
Jan Groenefeld
 
VR and AR User Experience Design
VR and AR User Experience DesignVR and AR User Experience Design
VR and AR User Experience Design
Joerg Osarek
 
CSS Media Queries (WebTech Conference 2010)
CSS Media Queries (WebTech Conference 2010)CSS Media Queries (WebTech Conference 2010)
CSS Media Queries (WebTech Conference 2010)
Michael Jendryschik
 
Flash, Ajax & Barrierefreiheit
Flash, Ajax & BarrierefreiheitFlash, Ajax & Barrierefreiheit
Flash, Ajax & Barrierefreiheit
Tomas Caspers
 
Content Strategie in der Cross-Device-Welt
Content Strategie in der Cross-Device-WeltContent Strategie in der Cross-Device-Welt
Content Strategie in der Cross-Device-Welt
CREATIVE CONSTRUCTION HEROES GMBH
 
Content-Strategie in der Cross-Device-Welt
Content-Strategie in der Cross-Device-WeltContent-Strategie in der Cross-Device-Welt
Content-Strategie in der Cross-Device-Welt
Agnieszka Maria Walorska
 
Responsive Web Design für Mobilgeräte mit Drupal
Responsive Web Design für Mobilgeräte mit Drupal Responsive Web Design für Mobilgeräte mit Drupal
Responsive Web Design für Mobilgeräte mit Drupal
Acquia
 
Sencha Touch & PhoneGap
Sencha Touch & PhoneGapSencha Touch & PhoneGap
Sencha Touch & PhoneGap
Stefan Kolb
 
Device Agnostic: Geräteunabhängiges Design als UX Grundlage
Device Agnostic: Geräteunabhängiges Design als UX GrundlageDevice Agnostic: Geräteunabhängiges Design als UX Grundlage
Device Agnostic: Geräteunabhängiges Design als UX Grundlage
Peter Rozek
 
121127 SouperTuesday "Responsive Webdesign"
121127 SouperTuesday "Responsive Webdesign"121127 SouperTuesday "Responsive Webdesign"
121127 SouperTuesday "Responsive Webdesign"
Oseon
 
Die Symbiose aus SEO, UX und Webdesign: So geht's wirklich
Die Symbiose aus SEO, UX und Webdesign: So geht's wirklichDie Symbiose aus SEO, UX und Webdesign: So geht's wirklich
Die Symbiose aus SEO, UX und Webdesign: So geht's wirklich
Alexander Geißenberger
 
Das Web zum Mitmachen: Barrieren in der Praxis
Das Web zum Mitmachen: Barrieren in der PraxisDas Web zum Mitmachen: Barrieren in der Praxis
Das Web zum Mitmachen: Barrieren in der Praxis
Tomas Caspers
 
Was nicht passt wird responsive gemacht - Extended Edition
Was nicht passt wird responsive gemacht - Extended EditionWas nicht passt wird responsive gemacht - Extended Edition
Was nicht passt wird responsive gemacht - Extended Edition
Christoph Reinartz
 
Prof Bruysten - Vortrag bei Pioneer Investments im Steigenberger in Frankfurt...
Prof Bruysten - Vortrag bei Pioneer Investments im Steigenberger in Frankfurt...Prof Bruysten - Vortrag bei Pioneer Investments im Steigenberger in Frankfurt...
Prof Bruysten - Vortrag bei Pioneer Investments im Steigenberger in Frankfurt...
Tim Bruysten
 
Was nicht passt wird responsive gemacht - Conference Edition
Was nicht passt wird responsive gemacht - Conference EditionWas nicht passt wird responsive gemacht - Conference Edition
Was nicht passt wird responsive gemacht - Conference Edition
Christoph Reinartz
 

Ähnlich wie Responsive Web Design (20)

Was nicht passt wird responsive gemacht
Was nicht passt wird responsive gemachtWas nicht passt wird responsive gemacht
Was nicht passt wird responsive gemacht
 
Responsive Webdesign - Unter der Haube
Responsive Webdesign - Unter der HaubeResponsive Webdesign - Unter der Haube
Responsive Webdesign - Unter der Haube
 
Responsive Webdesign mit Bootstrap
Responsive Webdesign mit BootstrapResponsive Webdesign mit Bootstrap
Responsive Webdesign mit Bootstrap
 
Agile Web Projects
Agile Web ProjectsAgile Web Projects
Agile Web Projects
 
Aber schnell! Top HTML5 Performance Tipps für Hybrid- und Web-Apps
Aber schnell! Top HTML5 Performance Tipps für Hybrid- und Web-AppsAber schnell! Top HTML5 Performance Tipps für Hybrid- und Web-Apps
Aber schnell! Top HTML5 Performance Tipps für Hybrid- und Web-Apps
 
WUD 2020 drei-gruende-warum ux design die apokalypse verhindert
WUD 2020 drei-gruende-warum ux design die apokalypse verhindertWUD 2020 drei-gruende-warum ux design die apokalypse verhindert
WUD 2020 drei-gruende-warum ux design die apokalypse verhindert
 
VR and AR User Experience Design
VR and AR User Experience DesignVR and AR User Experience Design
VR and AR User Experience Design
 
CSS Media Queries (WebTech Conference 2010)
CSS Media Queries (WebTech Conference 2010)CSS Media Queries (WebTech Conference 2010)
CSS Media Queries (WebTech Conference 2010)
 
Flash, Ajax & Barrierefreiheit
Flash, Ajax & BarrierefreiheitFlash, Ajax & Barrierefreiheit
Flash, Ajax & Barrierefreiheit
 
Content Strategie in der Cross-Device-Welt
Content Strategie in der Cross-Device-WeltContent Strategie in der Cross-Device-Welt
Content Strategie in der Cross-Device-Welt
 
Content-Strategie in der Cross-Device-Welt
Content-Strategie in der Cross-Device-WeltContent-Strategie in der Cross-Device-Welt
Content-Strategie in der Cross-Device-Welt
 
Responsive Web Design für Mobilgeräte mit Drupal
Responsive Web Design für Mobilgeräte mit Drupal Responsive Web Design für Mobilgeräte mit Drupal
Responsive Web Design für Mobilgeräte mit Drupal
 
Sencha Touch & PhoneGap
Sencha Touch & PhoneGapSencha Touch & PhoneGap
Sencha Touch & PhoneGap
 
Device Agnostic: Geräteunabhängiges Design als UX Grundlage
Device Agnostic: Geräteunabhängiges Design als UX GrundlageDevice Agnostic: Geräteunabhängiges Design als UX Grundlage
Device Agnostic: Geräteunabhängiges Design als UX Grundlage
 
121127 SouperTuesday "Responsive Webdesign"
121127 SouperTuesday "Responsive Webdesign"121127 SouperTuesday "Responsive Webdesign"
121127 SouperTuesday "Responsive Webdesign"
 
Die Symbiose aus SEO, UX und Webdesign: So geht's wirklich
Die Symbiose aus SEO, UX und Webdesign: So geht's wirklichDie Symbiose aus SEO, UX und Webdesign: So geht's wirklich
Die Symbiose aus SEO, UX und Webdesign: So geht's wirklich
 
Das Web zum Mitmachen: Barrieren in der Praxis
Das Web zum Mitmachen: Barrieren in der PraxisDas Web zum Mitmachen: Barrieren in der Praxis
Das Web zum Mitmachen: Barrieren in der Praxis
 
Was nicht passt wird responsive gemacht - Extended Edition
Was nicht passt wird responsive gemacht - Extended EditionWas nicht passt wird responsive gemacht - Extended Edition
Was nicht passt wird responsive gemacht - Extended Edition
 
Prof Bruysten - Vortrag bei Pioneer Investments im Steigenberger in Frankfurt...
Prof Bruysten - Vortrag bei Pioneer Investments im Steigenberger in Frankfurt...Prof Bruysten - Vortrag bei Pioneer Investments im Steigenberger in Frankfurt...
Prof Bruysten - Vortrag bei Pioneer Investments im Steigenberger in Frankfurt...
 
Was nicht passt wird responsive gemacht - Conference Edition
Was nicht passt wird responsive gemacht - Conference EditionWas nicht passt wird responsive gemacht - Conference Edition
Was nicht passt wird responsive gemacht - Conference Edition
 

Mehr von Paul Lanzerstorfer

Schöne neue Marketing Welt
Schöne neue Marketing WeltSchöne neue Marketing Welt
Schöne neue Marketing Welt
Paul Lanzerstorfer
 
Social Media Marketing als Geschäftsmodell
Social Media Marketing als GeschäftsmodellSocial Media Marketing als Geschäftsmodell
Social Media Marketing als Geschäftsmodell
Paul Lanzerstorfer
 
Social Media Monitoring
Social Media MonitoringSocial Media Monitoring
Social Media Monitoring
Paul Lanzerstorfer
 
Content curation
Content curationContent curation
Content curation
Paul Lanzerstorfer
 
WTF is OnSite SEO
WTF is OnSite SEOWTF is OnSite SEO
WTF is OnSite SEO
Paul Lanzerstorfer
 
PulpAcademy: Conversion Optimierung
PulpAcademy: Conversion OptimierungPulpAcademy: Conversion Optimierung
PulpAcademy: Conversion Optimierung
Paul Lanzerstorfer
 
Social Media Marketing
Social Media MarketingSocial Media Marketing
Social Media Marketing
Paul Lanzerstorfer
 

Mehr von Paul Lanzerstorfer (7)

Schöne neue Marketing Welt
Schöne neue Marketing WeltSchöne neue Marketing Welt
Schöne neue Marketing Welt
 
Social Media Marketing als Geschäftsmodell
Social Media Marketing als GeschäftsmodellSocial Media Marketing als Geschäftsmodell
Social Media Marketing als Geschäftsmodell
 
Social Media Monitoring
Social Media MonitoringSocial Media Monitoring
Social Media Monitoring
 
Content curation
Content curationContent curation
Content curation
 
WTF is OnSite SEO
WTF is OnSite SEOWTF is OnSite SEO
WTF is OnSite SEO
 
PulpAcademy: Conversion Optimierung
PulpAcademy: Conversion OptimierungPulpAcademy: Conversion Optimierung
PulpAcademy: Conversion Optimierung
 
Social Media Marketing
Social Media MarketingSocial Media Marketing
Social Media Marketing
 

Responsive Web Design