Enviar búsqueda
Cargar
Responsive design
•
0 recomendaciones
•
404 vistas
StudioPixel
Seguir
Presentatie gegeven op 2 november door Alard Weisscher over Responsive Design
Leer menos
Leer más
Tecnología
Noticias y política
Denunciar
Compartir
Denunciar
Compartir
1 de 16
Recomendados
Future Technology Trends
Future Technology Trends
Fahd Malik
Mobile Devices
Mobile Devices
Stonefields School
SimLibrary
SimLibrary
Damon Hernandez
Sustainability in product design
Sustainability in product design
Nightingale Academy - Design and Technology Department
Adecco Workplace Economy
Adecco Workplace Economy
amandarobinson2008
Ingilizceportfolyoimdikizaman
Ingilizceportfolyoimdikizaman
english teacher
health problems
health problems
english teacher
Pasttense
Pasttense
english teacher
Recomendados
Future Technology Trends
Future Technology Trends
Fahd Malik
Mobile Devices
Mobile Devices
Stonefields School
SimLibrary
SimLibrary
Damon Hernandez
Sustainability in product design
Sustainability in product design
Nightingale Academy - Design and Technology Department
Adecco Workplace Economy
Adecco Workplace Economy
amandarobinson2008
Ingilizceportfolyoimdikizaman
Ingilizceportfolyoimdikizaman
english teacher
health problems
health problems
english teacher
Pasttense
Pasttense
english teacher
Devon 2011-f-1 반응형 웹 디자인
Devon 2011-f-1 반응형 웹 디자인
Daum DNA
Media queries
Media queries
Kevin DeRudder
Stocktwits & Responsive Web Design, social network meets flexible framework
Stocktwits & Responsive Web Design, social network meets flexible framework
John Strott
Responsive Web Design: Clever Tips and Techniques
Responsive Web Design: Clever Tips and Techniques
Vitaly Friedman
Responsive Web Design Overview 2013
Responsive Web Design Overview 2013
Will Jayroe
Phil Bracikowski [InfluxData] | InfluxDB Cloud Durability Walkthrough | Influ...
Phil Bracikowski [InfluxData] | InfluxDB Cloud Durability Walkthrough | Influ...
InfluxData
Responsive Web Design tips and tricks.
Responsive Web Design tips and tricks.
GaziAhsan
Rwd slidedeck
Rwd slidedeck
Vera Kovaleva
John Kivit - Shareforce - Responsive Design - Mobile Pioneers
John Kivit - Shareforce - Responsive Design - Mobile Pioneers
Shareforce
Exploring Adaptive Interfaces [Generate 2017]
Exploring Adaptive Interfaces [Generate 2017]
Aaron Gustafson
Responsive Web Design
Responsive Web Design
Jason Harwig
(Practical) Beyond Responsive Web Design (WordCamp Miami 2011)
(Practical) Beyond Responsive Web Design (WordCamp Miami 2011)
arborwebsolutions
Responsive Web Design - What You Need to Know to Get Started
Responsive Web Design - What You Need to Know to Get Started
jennybchicken
Pinkoi Mobile Web
Pinkoi Mobile Web
mikeleeme
Developing for Responsive Design - Frederic Welterlin
Developing for Responsive Design - Frederic Welterlin
Razorfish
3 Approaches to Mobile - An A to Z Primer.
3 Approaches to Mobile - An A to Z Primer.
agup2009
Beyond Responsive Web Design
Beyond Responsive Web Design
arborwebsolutions
Responsive web design
Responsive web design
Matt Herzberger
Stc 2015 preparing legacy projects for responsive design - design issues
Stc 2015 preparing legacy projects for responsive design - design issues
Neil Perlin
Infochimps #1 Big Data Platform for the Cloud
Infochimps #1 Big Data Platform for the Cloud
Brian Krpec
Dev Dives: Streamline document processing with UiPath Studio Web
Dev Dives: Streamline document processing with UiPath Studio Web
UiPathCommunity
My INSURER PTE LTD - Insurtech Innovation Award 2024
My INSURER PTE LTD - Insurtech Innovation Award 2024
The Digital Insurer
Más contenido relacionado
Similar a Responsive design
Devon 2011-f-1 반응형 웹 디자인
Devon 2011-f-1 반응형 웹 디자인
Daum DNA
Media queries
Media queries
Kevin DeRudder
Stocktwits & Responsive Web Design, social network meets flexible framework
Stocktwits & Responsive Web Design, social network meets flexible framework
John Strott
Responsive Web Design: Clever Tips and Techniques
Responsive Web Design: Clever Tips and Techniques
Vitaly Friedman
Responsive Web Design Overview 2013
Responsive Web Design Overview 2013
Will Jayroe
Phil Bracikowski [InfluxData] | InfluxDB Cloud Durability Walkthrough | Influ...
Phil Bracikowski [InfluxData] | InfluxDB Cloud Durability Walkthrough | Influ...
InfluxData
Responsive Web Design tips and tricks.
Responsive Web Design tips and tricks.
GaziAhsan
Rwd slidedeck
Rwd slidedeck
Vera Kovaleva
John Kivit - Shareforce - Responsive Design - Mobile Pioneers
John Kivit - Shareforce - Responsive Design - Mobile Pioneers
Shareforce
Exploring Adaptive Interfaces [Generate 2017]
Exploring Adaptive Interfaces [Generate 2017]
Aaron Gustafson
Responsive Web Design
Responsive Web Design
Jason Harwig
(Practical) Beyond Responsive Web Design (WordCamp Miami 2011)
(Practical) Beyond Responsive Web Design (WordCamp Miami 2011)
arborwebsolutions
Responsive Web Design - What You Need to Know to Get Started
Responsive Web Design - What You Need to Know to Get Started
jennybchicken
Pinkoi Mobile Web
Pinkoi Mobile Web
mikeleeme
Developing for Responsive Design - Frederic Welterlin
Developing for Responsive Design - Frederic Welterlin
Razorfish
3 Approaches to Mobile - An A to Z Primer.
3 Approaches to Mobile - An A to Z Primer.
agup2009
Beyond Responsive Web Design
Beyond Responsive Web Design
arborwebsolutions
Responsive web design
Responsive web design
Matt Herzberger
Stc 2015 preparing legacy projects for responsive design - design issues
Stc 2015 preparing legacy projects for responsive design - design issues
Neil Perlin
Infochimps #1 Big Data Platform for the Cloud
Infochimps #1 Big Data Platform for the Cloud
Brian Krpec
Similar a Responsive design
(20)
Devon 2011-f-1 반응형 웹 디자인
Devon 2011-f-1 반응형 웹 디자인
Media queries
Media queries
Stocktwits & Responsive Web Design, social network meets flexible framework
Stocktwits & Responsive Web Design, social network meets flexible framework
Responsive Web Design: Clever Tips and Techniques
Responsive Web Design: Clever Tips and Techniques
Responsive Web Design Overview 2013
Responsive Web Design Overview 2013
Phil Bracikowski [InfluxData] | InfluxDB Cloud Durability Walkthrough | Influ...
Phil Bracikowski [InfluxData] | InfluxDB Cloud Durability Walkthrough | Influ...
Responsive Web Design tips and tricks.
Responsive Web Design tips and tricks.
Rwd slidedeck
Rwd slidedeck
John Kivit - Shareforce - Responsive Design - Mobile Pioneers
John Kivit - Shareforce - Responsive Design - Mobile Pioneers
Exploring Adaptive Interfaces [Generate 2017]
Exploring Adaptive Interfaces [Generate 2017]
Responsive Web Design
Responsive Web Design
(Practical) Beyond Responsive Web Design (WordCamp Miami 2011)
(Practical) Beyond Responsive Web Design (WordCamp Miami 2011)
Responsive Web Design - What You Need to Know to Get Started
Responsive Web Design - What You Need to Know to Get Started
Pinkoi Mobile Web
Pinkoi Mobile Web
Developing for Responsive Design - Frederic Welterlin
Developing for Responsive Design - Frederic Welterlin
3 Approaches to Mobile - An A to Z Primer.
3 Approaches to Mobile - An A to Z Primer.
Beyond Responsive Web Design
Beyond Responsive Web Design
Responsive web design
Responsive web design
Stc 2015 preparing legacy projects for responsive design - design issues
Stc 2015 preparing legacy projects for responsive design - design issues
Infochimps #1 Big Data Platform for the Cloud
Infochimps #1 Big Data Platform for the Cloud
Último
Dev Dives: Streamline document processing with UiPath Studio Web
Dev Dives: Streamline document processing with UiPath Studio Web
UiPathCommunity
My INSURER PTE LTD - Insurtech Innovation Award 2024
My INSURER PTE LTD - Insurtech Innovation Award 2024
The Digital Insurer
What's New in Teams Calling, Meetings and Devices March 2024
What's New in Teams Calling, Meetings and Devices March 2024
Stephanie Beckett
DevEX - reference for building teams, processes, and platforms
DevEX - reference for building teams, processes, and platforms
Sergiu Bodiu
Powerpoint exploring the locations used in television show Time Clash
Powerpoint exploring the locations used in television show Time Clash
charlottematthew16
Designing IA for AI - Information Architecture Conference 2024
Designing IA for AI - Information Architecture Conference 2024
Enterprise Knowledge
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
Fwdays
CloudStudio User manual (basic edition):
CloudStudio User manual (basic edition):
comworks
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...
Patryk Bandurski
DMCC Future of Trade Web3 - Special Edition
DMCC Future of Trade Web3 - Special Edition
Dubai Multi Commodity Centre
Connect Wave/ connectwave Pitch Deck Presentation
Connect Wave/ connectwave Pitch Deck Presentation
Slibray Presentation
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)
Mark Simos
Developer Data Modeling Mistakes: From Postgres to NoSQL
Developer Data Modeling Mistakes: From Postgres to NoSQL
ScyllaDB
Vertex AI Gemini Prompt Engineering Tips
Vertex AI Gemini Prompt Engineering Tips
Miki Katsuragi
Unraveling Multimodality with Large Language Models.pdf
Unraveling Multimodality with Large Language Models.pdf
Alex Barbosa Coqueiro
SIP trunking in Janus @ Kamailio World 2024
SIP trunking in Janus @ Kamailio World 2024
Lorenzo Miniero
SAP Build Work Zone - Overview L2-L3.pptx
SAP Build Work Zone - Overview L2-L3.pptx
NavinnSomaal
Anypoint Exchange: It’s Not Just a Repo!
Anypoint Exchange: It’s Not Just a Repo!
Manik S Magar
"Federated learning: out of reach no matter how close",Oleksandr Lapshyn
"Federated learning: out of reach no matter how close",Oleksandr Lapshyn
Fwdays
Search Engine Optimization SEO PDF for 2024.pdf
Search Engine Optimization SEO PDF for 2024.pdf
RankYa
Último
(20)
Dev Dives: Streamline document processing with UiPath Studio Web
Dev Dives: Streamline document processing with UiPath Studio Web
My INSURER PTE LTD - Insurtech Innovation Award 2024
My INSURER PTE LTD - Insurtech Innovation Award 2024
What's New in Teams Calling, Meetings and Devices March 2024
What's New in Teams Calling, Meetings and Devices March 2024
DevEX - reference for building teams, processes, and platforms
DevEX - reference for building teams, processes, and platforms
Powerpoint exploring the locations used in television show Time Clash
Powerpoint exploring the locations used in television show Time Clash
Designing IA for AI - Information Architecture Conference 2024
Designing IA for AI - Information Architecture Conference 2024
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
CloudStudio User manual (basic edition):
CloudStudio User manual (basic edition):
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...
DMCC Future of Trade Web3 - Special Edition
DMCC Future of Trade Web3 - Special Edition
Connect Wave/ connectwave Pitch Deck Presentation
Connect Wave/ connectwave Pitch Deck Presentation
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)
Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)
Developer Data Modeling Mistakes: From Postgres to NoSQL
Developer Data Modeling Mistakes: From Postgres to NoSQL
Vertex AI Gemini Prompt Engineering Tips
Vertex AI Gemini Prompt Engineering Tips
Unraveling Multimodality with Large Language Models.pdf
Unraveling Multimodality with Large Language Models.pdf
SIP trunking in Janus @ Kamailio World 2024
SIP trunking in Janus @ Kamailio World 2024
SAP Build Work Zone - Overview L2-L3.pptx
SAP Build Work Zone - Overview L2-L3.pptx
Anypoint Exchange: It’s Not Just a Repo!
Anypoint Exchange: It’s Not Just a Repo!
"Federated learning: out of reach no matter how close",Oleksandr Lapshyn
"Federated learning: out of reach no matter how close",Oleksandr Lapshyn
Search Engine Optimization SEO PDF for 2024.pdf
Search Engine Optimization SEO PDF for 2024.pdf
Responsive design
1.
Responsive Design
By Alard Weisscher
2.
Boston Globe
3.
Alard Weisscher
By Alard Weisscher
4.
In the beginning
… .page { width: 960px }
5.
Ingredients
1. Flexible grid based layout 2. Flexible images and media 3. Media queries
6.
Using percentages instead
of fixed values. Sizing related to its context. Strange nrs …
7.
Scaling images. Meet max-width:
100%, overflow and the IE nightmares
8.
Media queries @media screen
and (min-‐width: 1024px) { … }, <meta name=‘viewport’ … />
9.
The DARK SIDE
of responsive design
10.
Browser resizing of
images BIG files for mobile, processor intensive, media queries support flaky in mobile
11.
On the fly
generation of right size Experiment: use javascript and PHP to generate a image on the fly.
12.
Heavy footprint of
files on mobile Javascript, CSS files, images e.g. NY times mobile (54K) vs NY times desktop (637.4K)
13.
Mobile First Default is
light weight, progressively build upwards.
14.
But hey! …
mobile is a different context People have different needs in different contexts. Touch proof? Poor connectivity? Can you even ‘detect’ if a person is in a mobile context?
15.
RD Resources Google: responsive
design tools
16.
Responsive design beyond
the Web Interactive Video / TV world