SlideShare a Scribd company logo
1 of 52
Download to read offline
MORGENBOOSTER


RESPONSIVE
DESIGN
VED PETER SOLOW & HJØRDIS THORBORG
MORGENBOOSTER   22. MARTS 2012
MORGENBOOSTER   22. MARTS 2012
MORGENBOOSTER   22. MARTS 2012
MORGENBOOSTER   22. MARTS 2012
MORGENBOOSTER   22. MARTS 2012
MORGENBOOSTER   22. MARTS 2012
MORGENBOOSTER   22. MARTS 2012
MORGENBOOSTER   22. MARTS 2012
MORGENBOOSTER   22. MARTS 2012
RESPONSIVE WEB DESIGN

”AT IT’S MOST BASIC LEVEL,
RESPONSIVE DESIGN IS ABOUT
SERVING ONE HTML DOCUMENT
TO COUNTLESS BROWSERES AND
DEVICES...”


                        Ethan Marcotte,
                  Responsive web design
MORGENBOOSTER      22. MARTS 2012




          HTTP://WWW.SMASHINGMAGAZINE.COM/
MORGENBOOSTER   22. MARTS 2012
DESIGNOPMENT

”…COMBINING DESIGN AND
DEVELOPMENT INTO ONE HYBRID
PHASE, BRINGING THE TWO TEAMS
INTO ONE HIGHLY COLLABORATIVE
GROUP.”


                     Ethan Marcotte,
               Responsive web design
MORGENBOOSTER   22. MARTS 2012
MORGENBOOSTER   22. MARTS 2012




MODUL IA
MORGENBOOSTER             22. MARTS 2012




LIVE MOCKUP – BREAKPOINT IDENTIFIKATION
                1240 PX                    768 PX   320 PX
MORGENBOOSTER   22. MARTS 2012
MORGENBOOSTER   22. MARTS 2012
MORGENBOOSTER   22. MARTS 2012




ET DESIGNBLIK
PÅ RESPONSIVE
WEB DESIGN
MORGENBOOSTER       22. MARTS 2012




”WEB DESIGN
TRENDS IN 2011”
Web Design Ledger
MORGENBOOSTER   22. MARTS 2012
MORGENBOOSTER        22. MARTS 2012




WEB DESIGN TRENDS 2011

1.     MORE CSS3 + HTML5
2.     SIMPLE COLOR SCHEMES
3.     MOBILE READY
4.     PARALLAX SCROLLING
5.     DESIGNING FOR TOUCH SCREENS, NOT MICE
6.     DEPTH PERCEPTION IN WEB DESIGN
7.     LARGE PHOTOGRAPHIC BACKGROUNDS
8.     ADVENTUROUS DOMAIN NAMES & INTEGRATION
9.     QR: QUICK RESPONSE
10.    THUMBNAIL DESIGN
11.    CONSTANT CONNECTION/ LIFE STREAM
MORGENBOOSTER       22. MARTS 2012




”WEB DESIGN
TRENDS IN 2012”
Web Design Ledger
MORGENBOOSTER   22. MARTS 2012
MORGENBOOSTER        22. MARTS 2012




WEB DESIGN TRENDS 2012

1.     RESPONSIVE WEB DESIGN
2.     FIXED-POSITION NAVIGATION
3.     CIRCLES
4.     BIG VECTOR ART
5.     MULTI-COLUMN MENUS
6.     JQUERY/CSS3/HTML5 ANIMATION
7.     RIBBONS & BANNER GRAPHICS
8.     CUSTOM FONT FACES
9.     INFOGRAPHICS
10.    FOCUS ON SIMPLICITY
MORGENBOOSTER       22. MARTS 2012




”WEB DESIGN
TRENDS IN 2012”
Web Design Ledger
MORGENBOOSTER   22. MARTS 2012
MORGENBOOSTER        22. MARTS 2012




WEB DESIGN TRENDS 2012

1.     RESPONSIVE WEB DESIGN
2.     FIXED-POSITION NAVIGATION
3.     CIRCLES
4.     BIG VECTOR ART
5.     MULTI-COLUMN MENUS
6.     JQUERY/CSS3/HTML5 ANIMATION
7.     RIBBONS & BANNER GRAPHICS
8.     CUSTOM FONT FACES
9.     INFOGRAPHICS
10.    FOCUS ON SIMPLICITY
MORGENBOOSTER   22. MARTS 2012
MORGENBOOSTER   22. MARTS 2012
MORGENBOOSTER   22. MARTS 2012
MORGENBOOSTER   22. MARTS 2012




..


”15 TOP WEB DESIGN
AND DEVELOPMENT
TRENDS FOR 2012”
.NET MAGAZINE
MORGENBOOSTER       22. MARTS 2012




WEB DESIGN AND DEVELOPMENT TRENDS 2012

1.     PROGRESSIVE ENHANCEMENT
2.     RESPONSIVE DESIGN
3.     FLASH WILL SURVIVE
4.     NATIVE SUPPORT FOR PLUG-IN FEATURES
5.     APPIFICATION TAKES HOLD
6.     WEB APP FRAGMENTATION
7.     MOBILE GETS BIGGER
8.     A DEVICE EXPLOSION
9.     RESPECT BEYOND AESTHETICS
10.    SOCIAL BATTLES HEAT UP
11.    GROWTH OF THE TWO-SCREEN MODEL
MORGENBOOSTER    22. MARTS 2012




..


”THE WEB HAS MOVED
BEYOND THE DESKTOP
AND IT’S NOT MOVING
BACK”
Ethan Marcotte
MORGENBOOSTER   22. MARTS 2012




WTF…!!!
MORGENBOOSTER   22. MARTS 2012




VI ELSKER PHOTOSHOP
OG ILUSTRATOR!
MORGENBOOSTER   22. MARTS 2012




VI ER VANT TIL AT
TÆNKE I DYNAMISKE
PRINCIPPER, MEN…
MORGENBOOSTER   22. MARTS 2012




…NU SKAL VI DESIGNE I
EN ”LIVE” PROTOTYPE
MORGENBOOSTER   22. MARTS 2012




VI ELSKER VORES
FAGLIGE INTEGRITET!
MORGENBOOSTER   22. MARTS 2012




VI ER VANT TIL TÆT
DIALOG MED INTERFACE
UDVIKLEREN, MEN…
MORGENBOOSTER   22. MARTS 2012




…NU SKAL VI DELE
DESIGNPROCESSEN
MORGENBOOSTER   22. MARTS 2012




VI ELSKER AT SIKRE HØJ
BRANDMÆSSIG VÆRDI!
MORGENBOOSTER   22. MARTS 2012




VI ER VANT TIL ET
FLEKSIBELT KANVAS,
MEN…
MORGENBOOSTER   22. MARTS 2012




…NU SKAL VORES WEB
DESIGN PRESSES NED I
DIVERSE DEVICES
MORGENBOOSTER   22. MARTS 2012




ELSKER VI RESPONSIVE
WEB DESIGN!?!
MORGENBOOSTER    22. MARTS 2012




”WE CAN EMBRACE THE
FLEXIBILITY INHERENT TO
THE WEB, WITHOUT
SURRENDERING THE
CONTROL WE REQUIRE AS
DESIGNERS”
ETHAN MARCOTTE
MORGENBOOSTER   22. MARTS 2012




RESPONSIVE
WEB DESIGN UD FRA
ET KUNDEPERSPEKTIV
MORGENBOOSTER     22. MARTS 2012




1.     BETYDNING FOR TILBUD OG BUDGET
2.     RESPONSIVE WEB DESIGN I ONLINE STRATEGI
3.     DYNAMISKE PRINCIPPER I DESIGN KONCEPT
4.     “LIVE” PROTOTYPE DEL AF DEN AGILE PROCES
5.     “LIVE” VISNING PÅ DESIGN PRÆSENTATIONER
6.     HTML SOM DESIGN LEVERANCE
7.     TILPASNING TVÆRS AF DEVICES = VÆRDISKABELSE
8.     FREMTIDSSIKRING
MORGENBOOSTER   22. MARTS 2012




..


TAK!

LÆS MERE PÅ:
1508.DK/1508PLUS/RESPONSIVE

More Related Content

Similar to Morgenbooster / Responsive Design / 22. marts 2012

Mobile Marketing Strategy - SES London 2012
Mobile Marketing Strategy - SES London 2012Mobile Marketing Strategy - SES London 2012
Mobile Marketing Strategy - SES London 2012Angie Schottmuller
 
Current web design trends
Current web design trendsCurrent web design trends
Current web design trendsPatrick McNeil
 
Designing for Today's Web
Designing for Today's WebDesigning for Today's Web
Designing for Today's WebMeagan Fisher
 
Trends in interactive design 2013
Trends in interactive design 2013Trends in interactive design 2013
Trends in interactive design 2013Prophets Agency
 
Jumpstart: Building Your First App with MongoDB
Jumpstart: Building Your First App with MongoDBJumpstart: Building Your First App with MongoDB
Jumpstart: Building Your First App with MongoDBMongoDB
 
Rwd is changing the world
Rwd is changing the world Rwd is changing the world
Rwd is changing the world Jeremy Osborn
 
Ten HOT Design + Social Media Ideas for Designers
Ten HOT Design + Social Media Ideas for DesignersTen HOT Design + Social Media Ideas for Designers
Ten HOT Design + Social Media Ideas for DesignersMARKITECT.me
 
Preparing for “Mobilegeddon” on April 21 – Google Mobile Search Changes
Preparing for “Mobilegeddon” on April 21 –  Google Mobile Search ChangesPreparing for “Mobilegeddon” on April 21 –  Google Mobile Search Changes
Preparing for “Mobilegeddon” on April 21 – Google Mobile Search Changesseoplus+
 
The Path to Truly Understanding Your MongoDB Data
The Path to Truly Understanding Your MongoDB DataThe Path to Truly Understanding Your MongoDB Data
The Path to Truly Understanding Your MongoDB DataMongoDB
 
The UX-Driven Startup [SXSW 2012]
The UX-Driven Startup [SXSW 2012]The UX-Driven Startup [SXSW 2012]
The UX-Driven Startup [SXSW 2012]Kate Rutter
 
Rapid Fire Link Building Tips With Your Content
 Rapid Fire Link Building Tips With Your Content Rapid Fire Link Building Tips With Your Content
Rapid Fire Link Building Tips With Your ContentRoss Hudgens
 
SH 1 - SES 5 - SamW-TelAviv.pptx
SH 1 - SES 5 - SamW-TelAviv.pptxSH 1 - SES 5 - SamW-TelAviv.pptx
SH 1 - SES 5 - SamW-TelAviv.pptxMongoDB
 
MULTI-DIMENSIONAL UX: REALITY IS YOUR CANVAS
MULTI-DIMENSIONAL UX: REALITY IS YOUR CANVASMULTI-DIMENSIONAL UX: REALITY IS YOUR CANVAS
MULTI-DIMENSIONAL UX: REALITY IS YOUR CANVASPreston McCauley
 
MIMA 2014 - Changing your Responsive Design Workflow
MIMA 2014 - Changing your Responsive Design WorkflowMIMA 2014 - Changing your Responsive Design Workflow
MIMA 2014 - Changing your Responsive Design Workfloweaselsolutions
 
Building a Responsive Web Design Process
Building a Responsive Web Design ProcessBuilding a Responsive Web Design Process
Building a Responsive Web Design ProcessLydia Whitehead
 
The Immersive Web
The Immersive WebThe Immersive Web
The Immersive WebTony Parisi
 
Web design trends 2013
Web design trends 2013Web design trends 2013
Web design trends 2013Xavier Martin
 

Similar to Morgenbooster / Responsive Design / 22. marts 2012 (20)

Mobile Marketing Strategy - SES London 2012
Mobile Marketing Strategy - SES London 2012Mobile Marketing Strategy - SES London 2012
Mobile Marketing Strategy - SES London 2012
 
Current web design trends
Current web design trendsCurrent web design trends
Current web design trends
 
Designing for Today's Web
Designing for Today's WebDesigning for Today's Web
Designing for Today's Web
 
Trends in interactive design 2013
Trends in interactive design 2013Trends in interactive design 2013
Trends in interactive design 2013
 
Jumpstart: Building Your First App with MongoDB
Jumpstart: Building Your First App with MongoDBJumpstart: Building Your First App with MongoDB
Jumpstart: Building Your First App with MongoDB
 
Rwd is changing the world
Rwd is changing the world Rwd is changing the world
Rwd is changing the world
 
Ten HOT Design + Social Media Ideas for Designers
Ten HOT Design + Social Media Ideas for DesignersTen HOT Design + Social Media Ideas for Designers
Ten HOT Design + Social Media Ideas for Designers
 
Preparing for “Mobilegeddon” on April 21 – Google Mobile Search Changes
Preparing for “Mobilegeddon” on April 21 –  Google Mobile Search ChangesPreparing for “Mobilegeddon” on April 21 –  Google Mobile Search Changes
Preparing for “Mobilegeddon” on April 21 – Google Mobile Search Changes
 
The Path to Truly Understanding Your MongoDB Data
The Path to Truly Understanding Your MongoDB DataThe Path to Truly Understanding Your MongoDB Data
The Path to Truly Understanding Your MongoDB Data
 
The UX-Driven Startup [SXSW 2012]
The UX-Driven Startup [SXSW 2012]The UX-Driven Startup [SXSW 2012]
The UX-Driven Startup [SXSW 2012]
 
Rapid Fire Link Building Tips With Your Content
 Rapid Fire Link Building Tips With Your Content Rapid Fire Link Building Tips With Your Content
Rapid Fire Link Building Tips With Your Content
 
SH 1 - SES 5 - SamW-TelAviv.pptx
SH 1 - SES 5 - SamW-TelAviv.pptxSH 1 - SES 5 - SamW-TelAviv.pptx
SH 1 - SES 5 - SamW-TelAviv.pptx
 
MULTI-DIMENSIONAL UX: REALITY IS YOUR CANVAS
MULTI-DIMENSIONAL UX: REALITY IS YOUR CANVASMULTI-DIMENSIONAL UX: REALITY IS YOUR CANVAS
MULTI-DIMENSIONAL UX: REALITY IS YOUR CANVAS
 
Responsive web design
Responsive web designResponsive web design
Responsive web design
 
MIMA 2014 - Changing your Responsive Design Workflow
MIMA 2014 - Changing your Responsive Design WorkflowMIMA 2014 - Changing your Responsive Design Workflow
MIMA 2014 - Changing your Responsive Design Workflow
 
Responsive Design
Responsive Design Responsive Design
Responsive Design
 
Building a Responsive Web Design Process
Building a Responsive Web Design ProcessBuilding a Responsive Web Design Process
Building a Responsive Web Design Process
 
The Immersive Web
The Immersive WebThe Immersive Web
The Immersive Web
 
Web Design Trends 2013
Web Design Trends 2013Web Design Trends 2013
Web Design Trends 2013
 
Web design trends 2013
Web design trends 2013Web design trends 2013
Web design trends 2013
 

More from 1508 A/S

AI and Design Vol. 2: Navigating the New Frontier - Morgenbooster
AI and Design Vol. 2: Navigating the New Frontier - MorgenboosterAI and Design Vol. 2: Navigating the New Frontier - Morgenbooster
AI and Design Vol. 2: Navigating the New Frontier - Morgenbooster1508 A/S
 
Designing for Inclusion - Morgenbooster
Designing for Inclusion -  MorgenboosterDesigning for Inclusion -  Morgenbooster
Designing for Inclusion - Morgenbooster1508 A/S
 
Goodbye, Growthism - Morgenbooster 28/02/2024
Goodbye, Growthism - Morgenbooster 28/02/2024Goodbye, Growthism - Morgenbooster 28/02/2024
Goodbye, Growthism - Morgenbooster 28/02/20241508 A/S
 
Uncertainty as a Business and Design Tool - Morgenbooster
Uncertainty as a Business and Design Tool - MorgenboosterUncertainty as a Business and Design Tool - Morgenbooster
Uncertainty as a Business and Design Tool - Morgenbooster1508 A/S
 
Lowww: How to design for a low carbon world wide web - Morgenbooster
Lowww: How to design for a low carbon world wide web - MorgenboosterLowww: How to design for a low carbon world wide web - Morgenbooster
Lowww: How to design for a low carbon world wide web - Morgenbooster1508 A/S
 
Ai and Design: When, Why and How? - Morgenbooster
Ai and Design: When, Why and How? - MorgenboosterAi and Design: When, Why and How? - Morgenbooster
Ai and Design: When, Why and How? - Morgenbooster1508 A/S
 
The 3 Corner Stones of a Strategic - Morgenbooster
The 3 Corner Stones of a Strategic - MorgenboosterThe 3 Corner Stones of a Strategic - Morgenbooster
The 3 Corner Stones of a Strategic - Morgenbooster1508 A/S
 
Don't click this - Morgenbooster
Don't click this - MorgenboosterDon't click this - Morgenbooster
Don't click this - Morgenbooster1508 A/S
 
The Power of Words: Why Writing is Designing too Morgenbooster
The Power of Words: Why Writing is Designing too MorgenboosterThe Power of Words: Why Writing is Designing too Morgenbooster
The Power of Words: Why Writing is Designing too Morgenbooster1508 A/S
 
Principles of Game Design in Real-Life Solutions
Principles of Game Design in Real-Life SolutionsPrinciples of Game Design in Real-Life Solutions
Principles of Game Design in Real-Life Solutions1508 A/S
 
Business Design: A Category on the Rise?
Business Design: A Category on the Rise?Business Design: A Category on the Rise?
Business Design: A Category on the Rise?1508 A/S
 
Hard data & simple messages.pptx
Hard data & simple messages.pptxHard data & simple messages.pptx
Hard data & simple messages.pptx1508 A/S
 
MB Design Systems slides.pdf
MB Design Systems slides.pdfMB Design Systems slides.pdf
MB Design Systems slides.pdf1508 A/S
 
Morgenbooster 1508 - Think like a Futurist Act Like a Designer
Morgenbooster 1508  - Think like a Futurist Act Like a DesignerMorgenbooster 1508  - Think like a Futurist Act Like a Designer
Morgenbooster 1508 - Think like a Futurist Act Like a Designer1508 A/S
 
The Game of Accessibility.pdf
The Game of Accessibility.pdfThe Game of Accessibility.pdf
The Game of Accessibility.pdf1508 A/S
 
No-Code Tools: Website Design of the Future?
No-Code Tools: Website Design of the Future?No-Code Tools: Website Design of the Future?
No-Code Tools: Website Design of the Future?1508 A/S
 
What is Next in Corporate Innovation?
What is Next in Corporate Innovation?What is Next in Corporate Innovation?
What is Next in Corporate Innovation?1508 A/S
 
Place Branding by Nordic Talks
Place Branding by Nordic TalksPlace Branding by Nordic Talks
Place Branding by Nordic Talks1508 A/S
 
Designing for Possible Futures
Designing for Possible FuturesDesigning for Possible Futures
Designing for Possible Futures1508 A/S
 
Dynamic Roadmap: Combining Strategy and Design Thinking
Dynamic Roadmap: Combining Strategy and Design ThinkingDynamic Roadmap: Combining Strategy and Design Thinking
Dynamic Roadmap: Combining Strategy and Design Thinking1508 A/S
 

More from 1508 A/S (20)

AI and Design Vol. 2: Navigating the New Frontier - Morgenbooster
AI and Design Vol. 2: Navigating the New Frontier - MorgenboosterAI and Design Vol. 2: Navigating the New Frontier - Morgenbooster
AI and Design Vol. 2: Navigating the New Frontier - Morgenbooster
 
Designing for Inclusion - Morgenbooster
Designing for Inclusion -  MorgenboosterDesigning for Inclusion -  Morgenbooster
Designing for Inclusion - Morgenbooster
 
Goodbye, Growthism - Morgenbooster 28/02/2024
Goodbye, Growthism - Morgenbooster 28/02/2024Goodbye, Growthism - Morgenbooster 28/02/2024
Goodbye, Growthism - Morgenbooster 28/02/2024
 
Uncertainty as a Business and Design Tool - Morgenbooster
Uncertainty as a Business and Design Tool - MorgenboosterUncertainty as a Business and Design Tool - Morgenbooster
Uncertainty as a Business and Design Tool - Morgenbooster
 
Lowww: How to design for a low carbon world wide web - Morgenbooster
Lowww: How to design for a low carbon world wide web - MorgenboosterLowww: How to design for a low carbon world wide web - Morgenbooster
Lowww: How to design for a low carbon world wide web - Morgenbooster
 
Ai and Design: When, Why and How? - Morgenbooster
Ai and Design: When, Why and How? - MorgenboosterAi and Design: When, Why and How? - Morgenbooster
Ai and Design: When, Why and How? - Morgenbooster
 
The 3 Corner Stones of a Strategic - Morgenbooster
The 3 Corner Stones of a Strategic - MorgenboosterThe 3 Corner Stones of a Strategic - Morgenbooster
The 3 Corner Stones of a Strategic - Morgenbooster
 
Don't click this - Morgenbooster
Don't click this - MorgenboosterDon't click this - Morgenbooster
Don't click this - Morgenbooster
 
The Power of Words: Why Writing is Designing too Morgenbooster
The Power of Words: Why Writing is Designing too MorgenboosterThe Power of Words: Why Writing is Designing too Morgenbooster
The Power of Words: Why Writing is Designing too Morgenbooster
 
Principles of Game Design in Real-Life Solutions
Principles of Game Design in Real-Life SolutionsPrinciples of Game Design in Real-Life Solutions
Principles of Game Design in Real-Life Solutions
 
Business Design: A Category on the Rise?
Business Design: A Category on the Rise?Business Design: A Category on the Rise?
Business Design: A Category on the Rise?
 
Hard data & simple messages.pptx
Hard data & simple messages.pptxHard data & simple messages.pptx
Hard data & simple messages.pptx
 
MB Design Systems slides.pdf
MB Design Systems slides.pdfMB Design Systems slides.pdf
MB Design Systems slides.pdf
 
Morgenbooster 1508 - Think like a Futurist Act Like a Designer
Morgenbooster 1508  - Think like a Futurist Act Like a DesignerMorgenbooster 1508  - Think like a Futurist Act Like a Designer
Morgenbooster 1508 - Think like a Futurist Act Like a Designer
 
The Game of Accessibility.pdf
The Game of Accessibility.pdfThe Game of Accessibility.pdf
The Game of Accessibility.pdf
 
No-Code Tools: Website Design of the Future?
No-Code Tools: Website Design of the Future?No-Code Tools: Website Design of the Future?
No-Code Tools: Website Design of the Future?
 
What is Next in Corporate Innovation?
What is Next in Corporate Innovation?What is Next in Corporate Innovation?
What is Next in Corporate Innovation?
 
Place Branding by Nordic Talks
Place Branding by Nordic TalksPlace Branding by Nordic Talks
Place Branding by Nordic Talks
 
Designing for Possible Futures
Designing for Possible FuturesDesigning for Possible Futures
Designing for Possible Futures
 
Dynamic Roadmap: Combining Strategy and Design Thinking
Dynamic Roadmap: Combining Strategy and Design ThinkingDynamic Roadmap: Combining Strategy and Design Thinking
Dynamic Roadmap: Combining Strategy and Design Thinking
 

Recently uploaded

VIP Call Girl Amravati Aashi 8250192130 Independent Escort Service Amravati
VIP Call Girl Amravati Aashi 8250192130 Independent Escort Service AmravatiVIP Call Girl Amravati Aashi 8250192130 Independent Escort Service Amravati
VIP Call Girl Amravati Aashi 8250192130 Independent Escort Service AmravatiSuhani Kapoor
 
Cheap Rate ➥8448380779 ▻Call Girls In Iffco Chowk Gurgaon
Cheap Rate ➥8448380779 ▻Call Girls In Iffco Chowk GurgaonCheap Rate ➥8448380779 ▻Call Girls In Iffco Chowk Gurgaon
Cheap Rate ➥8448380779 ▻Call Girls In Iffco Chowk GurgaonDelhi Call girls
 
VIP College Call Girls Gorakhpur Bhavna 8250192130 Independent Escort Service...
VIP College Call Girls Gorakhpur Bhavna 8250192130 Independent Escort Service...VIP College Call Girls Gorakhpur Bhavna 8250192130 Independent Escort Service...
VIP College Call Girls Gorakhpur Bhavna 8250192130 Independent Escort Service...Suhani Kapoor
 
Recommendable # 971589162217 # philippine Young Call Girls in Dubai By Marina...
Recommendable # 971589162217 # philippine Young Call Girls in Dubai By Marina...Recommendable # 971589162217 # philippine Young Call Girls in Dubai By Marina...
Recommendable # 971589162217 # philippine Young Call Girls in Dubai By Marina...home
 
VIP Call Girls Service Kukatpally Hyderabad Call +91-8250192130
VIP Call Girls Service Kukatpally Hyderabad Call +91-8250192130VIP Call Girls Service Kukatpally Hyderabad Call +91-8250192130
VIP Call Girls Service Kukatpally Hyderabad Call +91-8250192130Suhani Kapoor
 
VIP Call Girls Service Bhagyanagar Hyderabad Call +91-8250192130
VIP Call Girls Service Bhagyanagar Hyderabad Call +91-8250192130VIP Call Girls Service Bhagyanagar Hyderabad Call +91-8250192130
VIP Call Girls Service Bhagyanagar Hyderabad Call +91-8250192130Suhani Kapoor
 
Kala jadu for love marriage | Real amil baba | Famous amil baba | kala jadu n...
Kala jadu for love marriage | Real amil baba | Famous amil baba | kala jadu n...Kala jadu for love marriage | Real amil baba | Famous amil baba | kala jadu n...
Kala jadu for love marriage | Real amil baba | Famous amil baba | kala jadu n...babafaisel
 
3D Printing And Designing Final Report.pdf
3D Printing And Designing Final Report.pdf3D Printing And Designing Final Report.pdf
3D Printing And Designing Final Report.pdfSwaraliBorhade
 
call girls in Harsh Vihar (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️
call girls in Harsh Vihar (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️call girls in Harsh Vihar (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️
call girls in Harsh Vihar (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️9953056974 Low Rate Call Girls In Saket, Delhi NCR
 
Call Girls in Okhla Delhi 💯Call Us 🔝8264348440🔝
Call Girls in Okhla Delhi 💯Call Us 🔝8264348440🔝Call Girls in Okhla Delhi 💯Call Us 🔝8264348440🔝
Call Girls in Okhla Delhi 💯Call Us 🔝8264348440🔝soniya singh
 
The_Canvas_of_Creative_Mastery_Newsletter_April_2024_Version.pdf
The_Canvas_of_Creative_Mastery_Newsletter_April_2024_Version.pdfThe_Canvas_of_Creative_Mastery_Newsletter_April_2024_Version.pdf
The_Canvas_of_Creative_Mastery_Newsletter_April_2024_Version.pdfAmirYakdi
 
CALL ON ➥8923113531 🔝Call Girls Kalyanpur Lucknow best Female service 🧵
CALL ON ➥8923113531 🔝Call Girls Kalyanpur Lucknow best Female service  🧵CALL ON ➥8923113531 🔝Call Girls Kalyanpur Lucknow best Female service  🧵
CALL ON ➥8923113531 🔝Call Girls Kalyanpur Lucknow best Female service 🧵anilsa9823
 
Call Girls in Kalkaji Delhi 8264348440 call girls ❤️
Call Girls in Kalkaji Delhi 8264348440 call girls ❤️Call Girls in Kalkaji Delhi 8264348440 call girls ❤️
Call Girls in Kalkaji Delhi 8264348440 call girls ❤️soniya singh
 
WAEC Carpentry and Joinery Past Questions
WAEC Carpentry and Joinery Past QuestionsWAEC Carpentry and Joinery Past Questions
WAEC Carpentry and Joinery Past QuestionsCharles Obaleagbon
 
PODSCAPE - Brochure 2023_ prefab homes in Bangalore India
PODSCAPE - Brochure 2023_ prefab homes in Bangalore IndiaPODSCAPE - Brochure 2023_ prefab homes in Bangalore India
PODSCAPE - Brochure 2023_ prefab homes in Bangalore IndiaYathish29
 
NO1 Trending kala jadu Love Marriage Black Magic Punjab Powerful Black Magic ...
NO1 Trending kala jadu Love Marriage Black Magic Punjab Powerful Black Magic ...NO1 Trending kala jadu Love Marriage Black Magic Punjab Powerful Black Magic ...
NO1 Trending kala jadu Love Marriage Black Magic Punjab Powerful Black Magic ...Amil baba
 
A level Digipak development Presentation
A level Digipak development PresentationA level Digipak development Presentation
A level Digipak development Presentationamedia6
 
Kindergarten Assessment Questions Via LessonUp
Kindergarten Assessment Questions Via LessonUpKindergarten Assessment Questions Via LessonUp
Kindergarten Assessment Questions Via LessonUpmainac1
 
The history of music videos a level presentation
The history of music videos a level presentationThe history of music videos a level presentation
The history of music videos a level presentationamedia6
 
Design Portfolio - 2024 - William Vickery
Design Portfolio - 2024 - William VickeryDesign Portfolio - 2024 - William Vickery
Design Portfolio - 2024 - William VickeryWilliamVickery6
 

Recently uploaded (20)

VIP Call Girl Amravati Aashi 8250192130 Independent Escort Service Amravati
VIP Call Girl Amravati Aashi 8250192130 Independent Escort Service AmravatiVIP Call Girl Amravati Aashi 8250192130 Independent Escort Service Amravati
VIP Call Girl Amravati Aashi 8250192130 Independent Escort Service Amravati
 
Cheap Rate ➥8448380779 ▻Call Girls In Iffco Chowk Gurgaon
Cheap Rate ➥8448380779 ▻Call Girls In Iffco Chowk GurgaonCheap Rate ➥8448380779 ▻Call Girls In Iffco Chowk Gurgaon
Cheap Rate ➥8448380779 ▻Call Girls In Iffco Chowk Gurgaon
 
VIP College Call Girls Gorakhpur Bhavna 8250192130 Independent Escort Service...
VIP College Call Girls Gorakhpur Bhavna 8250192130 Independent Escort Service...VIP College Call Girls Gorakhpur Bhavna 8250192130 Independent Escort Service...
VIP College Call Girls Gorakhpur Bhavna 8250192130 Independent Escort Service...
 
Recommendable # 971589162217 # philippine Young Call Girls in Dubai By Marina...
Recommendable # 971589162217 # philippine Young Call Girls in Dubai By Marina...Recommendable # 971589162217 # philippine Young Call Girls in Dubai By Marina...
Recommendable # 971589162217 # philippine Young Call Girls in Dubai By Marina...
 
VIP Call Girls Service Kukatpally Hyderabad Call +91-8250192130
VIP Call Girls Service Kukatpally Hyderabad Call +91-8250192130VIP Call Girls Service Kukatpally Hyderabad Call +91-8250192130
VIP Call Girls Service Kukatpally Hyderabad Call +91-8250192130
 
VIP Call Girls Service Bhagyanagar Hyderabad Call +91-8250192130
VIP Call Girls Service Bhagyanagar Hyderabad Call +91-8250192130VIP Call Girls Service Bhagyanagar Hyderabad Call +91-8250192130
VIP Call Girls Service Bhagyanagar Hyderabad Call +91-8250192130
 
Kala jadu for love marriage | Real amil baba | Famous amil baba | kala jadu n...
Kala jadu for love marriage | Real amil baba | Famous amil baba | kala jadu n...Kala jadu for love marriage | Real amil baba | Famous amil baba | kala jadu n...
Kala jadu for love marriage | Real amil baba | Famous amil baba | kala jadu n...
 
3D Printing And Designing Final Report.pdf
3D Printing And Designing Final Report.pdf3D Printing And Designing Final Report.pdf
3D Printing And Designing Final Report.pdf
 
call girls in Harsh Vihar (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️
call girls in Harsh Vihar (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️call girls in Harsh Vihar (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️
call girls in Harsh Vihar (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️
 
Call Girls in Okhla Delhi 💯Call Us 🔝8264348440🔝
Call Girls in Okhla Delhi 💯Call Us 🔝8264348440🔝Call Girls in Okhla Delhi 💯Call Us 🔝8264348440🔝
Call Girls in Okhla Delhi 💯Call Us 🔝8264348440🔝
 
The_Canvas_of_Creative_Mastery_Newsletter_April_2024_Version.pdf
The_Canvas_of_Creative_Mastery_Newsletter_April_2024_Version.pdfThe_Canvas_of_Creative_Mastery_Newsletter_April_2024_Version.pdf
The_Canvas_of_Creative_Mastery_Newsletter_April_2024_Version.pdf
 
CALL ON ➥8923113531 🔝Call Girls Kalyanpur Lucknow best Female service 🧵
CALL ON ➥8923113531 🔝Call Girls Kalyanpur Lucknow best Female service  🧵CALL ON ➥8923113531 🔝Call Girls Kalyanpur Lucknow best Female service  🧵
CALL ON ➥8923113531 🔝Call Girls Kalyanpur Lucknow best Female service 🧵
 
Call Girls in Kalkaji Delhi 8264348440 call girls ❤️
Call Girls in Kalkaji Delhi 8264348440 call girls ❤️Call Girls in Kalkaji Delhi 8264348440 call girls ❤️
Call Girls in Kalkaji Delhi 8264348440 call girls ❤️
 
WAEC Carpentry and Joinery Past Questions
WAEC Carpentry and Joinery Past QuestionsWAEC Carpentry and Joinery Past Questions
WAEC Carpentry and Joinery Past Questions
 
PODSCAPE - Brochure 2023_ prefab homes in Bangalore India
PODSCAPE - Brochure 2023_ prefab homes in Bangalore IndiaPODSCAPE - Brochure 2023_ prefab homes in Bangalore India
PODSCAPE - Brochure 2023_ prefab homes in Bangalore India
 
NO1 Trending kala jadu Love Marriage Black Magic Punjab Powerful Black Magic ...
NO1 Trending kala jadu Love Marriage Black Magic Punjab Powerful Black Magic ...NO1 Trending kala jadu Love Marriage Black Magic Punjab Powerful Black Magic ...
NO1 Trending kala jadu Love Marriage Black Magic Punjab Powerful Black Magic ...
 
A level Digipak development Presentation
A level Digipak development PresentationA level Digipak development Presentation
A level Digipak development Presentation
 
Kindergarten Assessment Questions Via LessonUp
Kindergarten Assessment Questions Via LessonUpKindergarten Assessment Questions Via LessonUp
Kindergarten Assessment Questions Via LessonUp
 
The history of music videos a level presentation
The history of music videos a level presentationThe history of music videos a level presentation
The history of music videos a level presentation
 
Design Portfolio - 2024 - William Vickery
Design Portfolio - 2024 - William VickeryDesign Portfolio - 2024 - William Vickery
Design Portfolio - 2024 - William Vickery
 

Morgenbooster / Responsive Design / 22. marts 2012

  • 2.
  • 3. MORGENBOOSTER 22. MARTS 2012
  • 4. MORGENBOOSTER 22. MARTS 2012
  • 5. MORGENBOOSTER 22. MARTS 2012
  • 6. MORGENBOOSTER 22. MARTS 2012
  • 7. MORGENBOOSTER 22. MARTS 2012
  • 8. MORGENBOOSTER 22. MARTS 2012
  • 9.
  • 10. MORGENBOOSTER 22. MARTS 2012
  • 11. MORGENBOOSTER 22. MARTS 2012
  • 12. MORGENBOOSTER 22. MARTS 2012
  • 13. RESPONSIVE WEB DESIGN ”AT IT’S MOST BASIC LEVEL, RESPONSIVE DESIGN IS ABOUT SERVING ONE HTML DOCUMENT TO COUNTLESS BROWSERES AND DEVICES...” Ethan Marcotte, Responsive web design
  • 14. MORGENBOOSTER 22. MARTS 2012 HTTP://WWW.SMASHINGMAGAZINE.COM/
  • 15. MORGENBOOSTER 22. MARTS 2012
  • 16. DESIGNOPMENT ”…COMBINING DESIGN AND DEVELOPMENT INTO ONE HYBRID PHASE, BRINGING THE TWO TEAMS INTO ONE HIGHLY COLLABORATIVE GROUP.” Ethan Marcotte, Responsive web design
  • 17. MORGENBOOSTER 22. MARTS 2012
  • 18. MORGENBOOSTER 22. MARTS 2012 MODUL IA
  • 19. MORGENBOOSTER 22. MARTS 2012 LIVE MOCKUP – BREAKPOINT IDENTIFIKATION 1240 PX 768 PX 320 PX
  • 20. MORGENBOOSTER 22. MARTS 2012
  • 21. MORGENBOOSTER 22. MARTS 2012
  • 22. MORGENBOOSTER 22. MARTS 2012 ET DESIGNBLIK PÅ RESPONSIVE WEB DESIGN
  • 23. MORGENBOOSTER 22. MARTS 2012 ”WEB DESIGN TRENDS IN 2011” Web Design Ledger
  • 24. MORGENBOOSTER 22. MARTS 2012
  • 25. MORGENBOOSTER 22. MARTS 2012 WEB DESIGN TRENDS 2011 1. MORE CSS3 + HTML5 2. SIMPLE COLOR SCHEMES 3. MOBILE READY 4. PARALLAX SCROLLING 5. DESIGNING FOR TOUCH SCREENS, NOT MICE 6. DEPTH PERCEPTION IN WEB DESIGN 7. LARGE PHOTOGRAPHIC BACKGROUNDS 8. ADVENTUROUS DOMAIN NAMES & INTEGRATION 9. QR: QUICK RESPONSE 10. THUMBNAIL DESIGN 11. CONSTANT CONNECTION/ LIFE STREAM
  • 26. MORGENBOOSTER 22. MARTS 2012 ”WEB DESIGN TRENDS IN 2012” Web Design Ledger
  • 27. MORGENBOOSTER 22. MARTS 2012
  • 28. MORGENBOOSTER 22. MARTS 2012 WEB DESIGN TRENDS 2012 1. RESPONSIVE WEB DESIGN 2. FIXED-POSITION NAVIGATION 3. CIRCLES 4. BIG VECTOR ART 5. MULTI-COLUMN MENUS 6. JQUERY/CSS3/HTML5 ANIMATION 7. RIBBONS & BANNER GRAPHICS 8. CUSTOM FONT FACES 9. INFOGRAPHICS 10. FOCUS ON SIMPLICITY
  • 29. MORGENBOOSTER 22. MARTS 2012 ”WEB DESIGN TRENDS IN 2012” Web Design Ledger
  • 30. MORGENBOOSTER 22. MARTS 2012
  • 31. MORGENBOOSTER 22. MARTS 2012 WEB DESIGN TRENDS 2012 1. RESPONSIVE WEB DESIGN 2. FIXED-POSITION NAVIGATION 3. CIRCLES 4. BIG VECTOR ART 5. MULTI-COLUMN MENUS 6. JQUERY/CSS3/HTML5 ANIMATION 7. RIBBONS & BANNER GRAPHICS 8. CUSTOM FONT FACES 9. INFOGRAPHICS 10. FOCUS ON SIMPLICITY
  • 32. MORGENBOOSTER 22. MARTS 2012
  • 33. MORGENBOOSTER 22. MARTS 2012
  • 34. MORGENBOOSTER 22. MARTS 2012
  • 35. MORGENBOOSTER 22. MARTS 2012 .. ”15 TOP WEB DESIGN AND DEVELOPMENT TRENDS FOR 2012” .NET MAGAZINE
  • 36. MORGENBOOSTER 22. MARTS 2012 WEB DESIGN AND DEVELOPMENT TRENDS 2012 1. PROGRESSIVE ENHANCEMENT 2. RESPONSIVE DESIGN 3. FLASH WILL SURVIVE 4. NATIVE SUPPORT FOR PLUG-IN FEATURES 5. APPIFICATION TAKES HOLD 6. WEB APP FRAGMENTATION 7. MOBILE GETS BIGGER 8. A DEVICE EXPLOSION 9. RESPECT BEYOND AESTHETICS 10. SOCIAL BATTLES HEAT UP 11. GROWTH OF THE TWO-SCREEN MODEL
  • 37. MORGENBOOSTER 22. MARTS 2012 .. ”THE WEB HAS MOVED BEYOND THE DESKTOP AND IT’S NOT MOVING BACK” Ethan Marcotte
  • 38. MORGENBOOSTER 22. MARTS 2012 WTF…!!!
  • 39. MORGENBOOSTER 22. MARTS 2012 VI ELSKER PHOTOSHOP OG ILUSTRATOR!
  • 40. MORGENBOOSTER 22. MARTS 2012 VI ER VANT TIL AT TÆNKE I DYNAMISKE PRINCIPPER, MEN…
  • 41. MORGENBOOSTER 22. MARTS 2012 …NU SKAL VI DESIGNE I EN ”LIVE” PROTOTYPE
  • 42. MORGENBOOSTER 22. MARTS 2012 VI ELSKER VORES FAGLIGE INTEGRITET!
  • 43. MORGENBOOSTER 22. MARTS 2012 VI ER VANT TIL TÆT DIALOG MED INTERFACE UDVIKLEREN, MEN…
  • 44. MORGENBOOSTER 22. MARTS 2012 …NU SKAL VI DELE DESIGNPROCESSEN
  • 45. MORGENBOOSTER 22. MARTS 2012 VI ELSKER AT SIKRE HØJ BRANDMÆSSIG VÆRDI!
  • 46. MORGENBOOSTER 22. MARTS 2012 VI ER VANT TIL ET FLEKSIBELT KANVAS, MEN…
  • 47. MORGENBOOSTER 22. MARTS 2012 …NU SKAL VORES WEB DESIGN PRESSES NED I DIVERSE DEVICES
  • 48. MORGENBOOSTER 22. MARTS 2012 ELSKER VI RESPONSIVE WEB DESIGN!?!
  • 49. MORGENBOOSTER 22. MARTS 2012 ”WE CAN EMBRACE THE FLEXIBILITY INHERENT TO THE WEB, WITHOUT SURRENDERING THE CONTROL WE REQUIRE AS DESIGNERS” ETHAN MARCOTTE
  • 50. MORGENBOOSTER 22. MARTS 2012 RESPONSIVE WEB DESIGN UD FRA ET KUNDEPERSPEKTIV
  • 51. MORGENBOOSTER 22. MARTS 2012 1. BETYDNING FOR TILBUD OG BUDGET 2. RESPONSIVE WEB DESIGN I ONLINE STRATEGI 3. DYNAMISKE PRINCIPPER I DESIGN KONCEPT 4. “LIVE” PROTOTYPE DEL AF DEN AGILE PROCES 5. “LIVE” VISNING PÅ DESIGN PRÆSENTATIONER 6. HTML SOM DESIGN LEVERANCE 7. TILPASNING TVÆRS AF DEVICES = VÆRDISKABELSE 8. FREMTIDSSIKRING
  • 52. MORGENBOOSTER 22. MARTS 2012 .. TAK! LÆS MERE PÅ: 1508.DK/1508PLUS/RESPONSIVE