Interfaces y Responsive Web Design para todos

•Transferir como PPTX, PDF•

0 gostou•789 visualizações

ykro

Presentación del JoomlaDay 2012 sobre interfaces y como empezar con responsive web design

Tecnologia Negócios

Interfaces y RWD para
todos
Adrián Catalán
adriancatalan@elementalgeeks.com
@ykro

DESCARGO DE
RESPONSABILIDAD

ESTE ES DE LOS
QUE NO DISEÑAN
NI UN BOTÓN

“ We can design for an optimal viewing
experience, but embed standards-
based technologies into our designs to
make them not only more flexible, but
more adaptive to the media that
renders them.
Ethan Marcotte
http://www.alistapart.com/articles/responsive-web-design/

1.Grid e imágenes
fluídas
2.Media queries
3.Llorar
4.Todo listo

http://www.alistapart.com/articles
/fluidgrids

http://www.netmagazine.com/tuto
rials/create-fluid-width-videos

http://code.google.com/p/css3-
mediaqueries-js/

Bootstrap
http://twitter.github.com/bootstrap/

Adrián Catalán
adriancatalan@elementalgeeks.com
@ykro

Mais conteúdo relacionado

Destaque

Colaboracion con herramientas en la nubeykro

Social Media is niets voor mij... (...n bedrijf)Maarten Bokhoven

Amor MatrimonioAdriana Delgadillo

Libro vendimiaLaura Barriobero Nalda

BenvidaIES Monte Carrasco

Busca e catalogación de recursos (I)IES Monte Carrasco

ANDY WARHOLLaura Barriobero Nalda

Delicious4passi

Clase 3 intro_almacenamiento_y_mapasykro

Cuento refuerzo de praxiasLaura Barriobero Nalda

Challenge assumptionsykro

Crowdsourcing a conferenceykro

Nos ponemos las gafasLaura Barriobero Nalda

Cuentos de la ardillaLaura Barriobero Nalda

Factorías da linguaIES Monte Carrasco

Destaque (15)

Colaboracion con herramientas en la nube

Social Media is niets voor mij... (...n bedrijf)

Amor Matrimonio

Libro vendimia

Benvida

Busca e catalogación de recursos (I)

ANDY WARHOL

Delicious

Clase 3 intro_almacenamiento_y_mapas

Cuento refuerzo de praxias

Challenge assumptions

Crowdsourcing a conference

Nos ponemos las gafas

Cuentos de la ardilla

Factorías da lingua

Semelhante a Interfaces y Responsive Web Design para todos

Responsive Web DesignHuy Le

Workshop 11: Trendy web designs & prototypingVisual Engineering

Responsive UX - One size fits all @BigDesign conference #BigD12touchtitans

Responsive designJohn Doxaras

Responsive DesignSara Cannon

Responsivedesign slides2-120507173812-phpapp01Innovation Excellence

Adaptive: Content, Context, and ControversyKaren McGrane

How to Develop Cross-Platform AppsAndrea Tino

WordPress for mobilerachel_mccollin

Responsivedesign 7-3-2012Thomas Carney

"Adaptive Content, Context, and ControversyBlend Interactive

How i made the responsive mobile version ofSayed Ahmed

Tools that help and speed up RWD devMatjaž Korošec

DevSecCon Asia 2017 Fabian Lim: DevSecOps in the governmentDevSecCon

Part 2: Intermediate Designing for Multiple Devices - GA London, 31 Jul 2013Anna Dahlström

Building Responsive Websites with DrupalSuzanne Dergacheva

Creating a Responsive Drupal Theme: Presentation from DrupalCamp Montreal 2012Suzanne Dergacheva

Responsive Web Designdanpastori

Vehicles Parking Management System project presentation 2020Vikram Singh

Seminar Android - Pengenalan PhoneGapNur Hidayat

Semelhante a Interfaces y Responsive Web Design para todos (20)

Responsive Web Design

Workshop 11: Trendy web designs & prototyping

Responsive UX - One size fits all @BigDesign conference #BigD12

Responsive design

Responsive Design

Responsivedesign slides2-120507173812-phpapp01

Adaptive: Content, Context, and Controversy

How to Develop Cross-Platform Apps

WordPress for mobile

Responsivedesign 7-3-2012

"Adaptive Content, Context, and Controversy

How i made the responsive mobile version of

Tools that help and speed up RWD dev

DevSecCon Asia 2017 Fabian Lim: DevSecOps in the government

Part 2: Intermediate Designing for Multiple Devices - GA London, 31 Jul 2013

Building Responsive Websites with Drupal

Creating a Responsive Drupal Theme: Presentation from DrupalCamp Montreal 2012

Responsive Web Design

Vehicles Parking Management System project presentation 2020

Seminar Android - Pengenalan PhoneGap

Mais de ykro

Clase 2 listas_grids_y_personalizacionykro

Clase 1 introducciónykro

[Android Tour Perú 2013] APIs JSON con Android ykro

BroomHockeyykro

Assignment 3ykro

Devfest Lima2012ykro

Mejorando.la - Introducción a jQuery Mobile y PhoneGapykro

Innovador de todos los díasykro

Cultura Android - Push notifications con Parse.comykro

Joomla Day 2012 - Chapuzón en el mar móvilykro

El androide y la telaraña móvilykro

Trabajando con acelerómetros en Androidykro

3 simples pasos para convertirme en un Androideykro

Desarrollando aplicaciones para Facebook con PHPykro

Taller Android - COECYS 2010ykro

Taller Android - FIT 2010ykro

appInventorykro

Desarrollo para Móvilesykro

Historia y Evolución de los Sistemas Operativosykro

Network.Penetration.CGSOLykro

Mais de ykro (20)

Clase 2 listas_grids_y_personalizacion

Clase 1 introducción

[Android Tour Perú 2013] APIs JSON con Android

BroomHockey

Assignment 3

Devfest Lima2012

Mejorando.la - Introducción a jQuery Mobile y PhoneGap

Innovador de todos los días

Cultura Android - Push notifications con Parse.com

Joomla Day 2012 - Chapuzón en el mar móvil

El androide y la telaraña móvil

Trabajando con acelerómetros en Android

3 simples pasos para convertirme en un Androide

Desarrollando aplicaciones para Facebook con PHP

Taller Android - COECYS 2010

Taller Android - FIT 2010

appInventor

Desarrollo para Móviles

Historia y Evolución de los Sistemas Operativos

Network.Penetration.CGSOL

Último

Boost Fertility New Invention Ups Success Rates.pdfsudhanshuwaghmare1

What Are The Drone Anti-jamming Systems Technology?Antenna Manufacturer Coco

A Domino Admins Adventures (Engage 2024)Gabriella Davis

AWS Community Day CPH - Three problems of TerraformAndrey Devyatkin

🐬 The future of MySQL is Postgres 🐘RTylerCroy

Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobeapidays

Developing An App To Navigate The Roads of BrazilV3cube

TrustArc Webinar - Unlock the Power of AI-Driven Data DiscoveryTrustArc

Advantages of Hiring UIUX Design Service Providers for Your BusinessPixlogix Infotech

Handwritten Text Recognition for manuscripts and early printed textsMaria Levchenko

2024: Domino Containers - The Next Step. News from the Domino Container commu...Martijn de Jong

Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...Miguel Araújo

From Event to Action: Accelerate Your Decision Making with Real-Time AutomationSafe Software

Axa Assurance Maroc - Insurer Innovation Award 2024The Digital Insurer

Automating Google Workspace (GWS) & more with Apps Scriptwesley chun

04-2024-HHUG-Sales-and-Marketing-Alignment.pptxHampshireHUG

Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoffsammart93

GenAI Risks & Security Meetup 01052024.pdflior mazor

Artificial Intelligence: Facts and MythsJoaquim Jorge

[2024]Digital Global Overview Report 2024 Meltwater.pdfhans926745

Interfaces y Responsive Web Design para todos

1. Interfaces y RWD para todos Adrián Catalán adriancatalan@elementalgeeks.com @ykro

2. DESCARGO DE RESPONSABILIDAD ESTE ES DE LOS QUE NO DISEÑAN NI UN BOTÓN

9. ¿por qué móviles?

10.

11. todos

12.

13. TODOS

14.

15. http://phonecount.com/pc/count.jsp

16. CONTENIDO

17. “ We can design for an optimal viewing experience, but embed standards- based technologies into our designs to make them not only more flexible, but more adaptive to the media that renders them. Ethan Marcotte http://www.alistapart.com/articles/responsive-web-design/

18.

19.

20.

21. Volviéndonos Responsive

22.

23. 1.Grid e imágenes fluídas 2.Media queries 3.Llorar 4.Todo listo

24.

25.

26.

27.

28. http://blueprintcss.org/

29. LESS http://lessframework.com/