Interfaces y Responsive Web Design para todos

•Download as PPTX, PDF•

0 likes•789 views

ykro

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

Technology Business

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

Viewers also liked

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

Viewers also liked (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

Similar to 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

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

Building Responsive Websites with DrupalSuzanne Dergacheva

Responsive Web Designdanpastori

Vehicles Parking Management System project presentation 2020Vikram Singh

Seminar Android - Pengenalan PhoneGapNur Hidayat

Similar to 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

Creating a Responsive Drupal Theme: Presentation from DrupalCamp Montreal 2012

Building Responsive Websites with Drupal

Responsive Web Design

Vehicles Parking Management System project presentation 2020

Seminar Android - Pengenalan PhoneGap

Recently uploaded

Nell’iperspazio con Rocket: il Framework Web di Rust!Commit University

Moving Beyond Passwords: FIDO Paris Seminar.pdfLoriGlavin3

Digital Identity is Under Attack: FIDO Paris Seminar.pptxLoriGlavin3

WordPress Websites for Engineers: Elevate Your Brandgvaughan

Ensuring Technical Readiness For Copilot in Microsoft 3652toLead Limited

Merck Moving Beyond Passwords: FIDO Paris Seminar.pptxLoriGlavin3

Advanced Computer Architecture – An IntroductionDilum Bandara

Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024BookNet Canada

The Fit for Passkeys for Employee and Consumer Sign-ins: FIDO Paris Seminar.pptxLoriGlavin3

What is DBT - The Ultimate Data Build Tool.pdfMounikaPolabathina

unit 4 immunoblotting technique complete.pptxBkGupta21

Unraveling Multimodality with Large Language Models.pdfAlex Barbosa Coqueiro

Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)Mark Simos

DevEX - reference for building teams, processes, and platformsSergiu Bodiu

Use of FIDO in the Payments and Identity Landscape: FIDO Paris Seminar.pptxLoriGlavin3

TrustArc Webinar - How to Build Consumer Trust Through Data PrivacyTrustArc

A Deep Dive on Passkeys: FIDO Paris Seminar.pptxLoriGlavin3

Dev Dives: Streamline document processing with UiPath Studio WebUiPathCommunity

How AI, OpenAI, and ChatGPT impact business and software.Curtis Poe

Developer Data Modeling Mistakes: From Postgres to NoSQLScyllaDB

Recently uploaded (20)

Nell’iperspazio con Rocket: il Framework Web di Rust!

Moving Beyond Passwords: FIDO Paris Seminar.pdf

Digital Identity is Under Attack: FIDO Paris Seminar.pptx

WordPress Websites for Engineers: Elevate Your Brand

Ensuring Technical Readiness For Copilot in Microsoft 365

Merck Moving Beyond Passwords: FIDO Paris Seminar.pptx

Advanced Computer Architecture – An Introduction

Transcript: New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024

The Fit for Passkeys for Employee and Consumer Sign-ins: FIDO Paris Seminar.pptx

What is DBT - The Ultimate Data Build Tool.pdf

unit 4 immunoblotting technique complete.pptx

Unraveling Multimodality with Large Language Models.pdf

Tampa BSides - Chef's Tour of Microsoft Security Adoption Framework (SAF)

DevEX - reference for building teams, processes, and platforms

Use of FIDO in the Payments and Identity Landscape: FIDO Paris Seminar.pptx

TrustArc Webinar - How to Build Consumer Trust Through Data Privacy

A Deep Dive on Passkeys: FIDO Paris Seminar.pptx

Dev Dives: Streamline document processing with UiPath Studio Web

How AI, OpenAI, and ChatGPT impact business and software.

Developer Data Modeling Mistakes: From Postgres to NoSQL

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/