Responsive Web Design

•

3 recomendaciones•589 vistas

Ricardo Torres

Apresentação realizada no 2º Encontro Frontend Bahia. Original em: http://goo.gl/9wrpl5

Tecnología

QUEM?
@RICARDOTORRES0
/RICARDO.RICTORRES
RICARDO@AGENCIAGIRA.COM.BR

http://alistapart.com/article/fluidgrids

USE AS
FERRAMENTAS
QUE MAIS LHE
AGRADAM!

PADRÕES DE
NAVEGAÇÃO
NAVIGATION PATTERNS

http://bradfrostweb.com/blog/web/responsive-nav-patterns/

MEDIA QUERIES
(BREAKPOINTS)
http://alistapart.com/article/designing-for-breakpoints

http://responsive.vermilion.com/compare.php

http://bradfrostweb.com/blog/web/mobile-first-responsive-web-design/

http://usecases.responsiveimages.org
ART DIRECTION

http://coding.smashingmagazine.
com/2013/01/15/off-canvas-navigation-for-
jQuery Animation

http://coding.smashingmagazine.
com/2013/01/15/off-canvas-navigation-for-
CSS Transitions

MESMO QUE VOCÊ
TENHA TODO O
CUIDADO DO
MUNDO

https://gist.github.com/rictorres/3521351

https://gist.github.com/rictorres/5734585

● OPERA MOBILE EMULATOR
● XCODE IOS SIMULATOR
● ANDROID SIMULATOR
● MOBILEXWEB.COM/EMULATORS
EMULADORES/SIMULADORES

https://managewp.com/5-reasons-why-responsive-design-is-not-worth-it

http://moz.com/ugc/responsive-web-design-the-ultimate-guide-for-online-marketers

Más contenido relacionado

Destacado

Baby jogger strollermuh rohwan

Όταν άδικος φαίνεται ο Θεός : Το Θεώρημα του Προφήτη Αββακούμ Alexandra Vlachou

Acquired haemolytic anaemiaRadiology Made Easy

Haemolytic anaemiaRadiology Made Easy

Abo Blood groupsRadiology Made Easy

71Nathdar Destiny

Branding. Tú haces tu marca. #ForSMDiana González

Software libreanita andrea

Repaso de comida1LDeSormeau

IdeasocialAlejandro Rodríguez Lorenzo

Gestion mantenimientoRoger Carmona

AbhiAbhishek Sharma

Amagram amway Viet Nam 8 2013 part1Vu Lohoi

Ia exposicion de lenguaje - iiangel martin

6 software libreanita andrea

852Nathdar Destiny

Hoardings near Temples all over India , Religious outdoor advertisingPankaj Vij

80Nathdar Destiny

โครงงานคอมพ วเตอร Cake WhiteChocolate

Destacado (19)

Baby jogger stroller

Όταν άδικος φαίνεται ο Θεός : Το Θεώρημα του Προφήτη Αββακούμ

Acquired haemolytic anaemia

Haemolytic anaemia

Abo Blood groups

Branding. Tú haces tu marca. #ForSM

Software libre

Repaso de comida1

Ideasocial

Gestion mantenimiento

Abhi

Amagram amway Viet Nam 8 2013 part1

Ia exposicion de lenguaje - ii

6 software libre

852

Hoardings near Temples all over India , Religious outdoor advertising

โครงงานคอมพ วเตอร

Similar a Responsive Web Design

Responsive Web Design @ Semcomp 2013Ricardo Torres

The New Photoshop, Part 2: The Revenge of the Web (FEC13)Stephen Hay

How to build a kick-ass mobile experienceMichael Dick

#RWD To the futureDavorin Pavlica

Coding for DesignersMilly Schmidt

Functional Animation with SVG - OpenWest 2018Duke Speer

Contemporary Trends In Web DesignKenny Rosenberg

Responsive Web Design: the secret sauce - JavaScript Open Day Montreal - 2015...Frédéric Harper

Les animations sur WordPress - avec DamienJulien Dereumaux

Module 08: Responsive Web DesignDaniel Drew Turner

"Wordpress And Your Brand" 2010 - By Sara CannonSara Cannon

RWD in the WildRich Quick

Responsive Web Design, the secret sauce - MSDEVMTL - 2016-01-25Frédéric Harper

RWD myth busting @ TopconfJon Arne Sæterås

Springer Responsiveohellojames

15 Top Web Design Trends for 2014mbeatrizoliveira

Rails Girls: Programming, Web Applications and Ruby on RailsDonSchado

Responsive Design Workflow (Breaking Development Conference 2012 Orlando)Stephen Hay

The Elephant and the Dassie: A Tale of Evolution and KinshipKerry-Anne Gilowey

OMRZ Story Jan2016 ver 1.6.0Omer Abbasi

Similar a Responsive Web Design (20)

Responsive Web Design @ Semcomp 2013

The New Photoshop, Part 2: The Revenge of the Web (FEC13)

How to build a kick-ass mobile experience

#RWD To the future

Coding for Designers

Functional Animation with SVG - OpenWest 2018

Contemporary Trends In Web Design

Responsive Web Design: the secret sauce - JavaScript Open Day Montreal - 2015...

Les animations sur WordPress - avec Damien

Module 08: Responsive Web Design

"Wordpress And Your Brand" 2010 - By Sara Cannon

RWD in the Wild

Responsive Web Design, the secret sauce - MSDEVMTL - 2016-01-25

RWD myth busting @ Topconf

Springer Responsive

15 Top Web Design Trends for 2014

Rails Girls: Programming, Web Applications and Ruby on Rails

Responsive Design Workflow (Breaking Development Conference 2012 Orlando)

The Elephant and the Dassie: A Tale of Evolution and Kinship

OMRZ Story Jan2016 ver 1.6.0

Último

Hyperautomation and AI/ML: A Strategy for Digital Transformation Success.pdfPrecisely

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

Merck Moving Beyond Passwords: FIDO Paris Seminar.pptxLoriGlavin3

New from BookNet Canada for 2024: Loan Stars - Tech Forum 2024BookNet Canada

DevoxxFR 2024 Reproducible Builds with Apache MavenHervé Boutemy

Gen AI in Business - Global Trends Report 2024.pdfAddepto

A Deep Dive on Passkeys: FIDO Paris Seminar.pptxLoriGlavin3

The Ultimate Guide to Choosing WordPress Pros and ConsPixlogix Infotech

DSPy a system for AI to Write Prompts and Do Fine TuningLars Bell

"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek SchlawackFwdays

Commit 2024 - Secret Management made easyAlfredo García Lavilla

Take control of your SAP testing with UiPath Test SuiteDianaGray10

The State of Passkeys with FIDO Alliance.pptxLoriGlavin3

Unleash Your Potential - Namagunga Girls Coding ClubKalema Edgar

Are Multi-Cloud and Serverless Good or Bad?Mattias Andersson

Streamlining Python Development: A Guide to a Modern Project SetupFlorian Wilhelm

Developer Data Modeling Mistakes: From Postgres to NoSQLScyllaDB

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

Passkey Providers and Enabling Portability: FIDO Paris Seminar.pptxLoriGlavin3

How to write a Business Continuity PlanDatabarracks