Responsive Web Design

•

3 likes•589 views

Ricardo Torres

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

Technology

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

Viewers also liked

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

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

Recently uploaded

#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024BookNet Canada

Scanning the Internet for External Cloud Exposures via SSL CertsRizwan Syed

Science&tech:THE INFORMATION AGE STS.pdfjimielynbastida

My Hashitalk Indonesia April 2024 PresentationRidwan Fadjar

"Federated learning: out of reach no matter how close",Oleksandr LapshynFwdays

SQL Database Design For Developers at php[tek] 2024Scott Keck-Warren

Making_way_through_DLL_hollowing_inspite_of_CFG_by_Debjeet Banerjee.pptxnull - The Open Security Community

Bluetooth Controlled Car with Arduino.pdfngoud9212

Designing IA for AI - Information Architecture Conference 2024Enterprise Knowledge

Unleash Your Potential - Namagunga Girls Coding ClubKalema Edgar

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

Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmaticscarlostorres15106

Vulnerability_Management_GRC_by Sohang Sengupta.pptxnull - The Open Security Community

Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 3652toLead Limited

"LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks...Fwdays

Bun (KitWorks Team Study 노별마루 발표 2024.4.22)Wonjun Hwang

Pigging Solutions in Pet Food ManufacturingPigging Solutions

Artificial intelligence in the post-deep learning eraDeakin University

Snow Chain-Integrated Tire for a Safe Drive on Winter RoadsHyundai Motor Group

DMCC Future of Trade Web3 - Special EditionDubai Multi Commodity Centre

Recently uploaded (20)

#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024

Scanning the Internet for External Cloud Exposures via SSL Certs

Science&tech:THE INFORMATION AGE STS.pdf

My Hashitalk Indonesia April 2024 Presentation

"Federated learning: out of reach no matter how close",Oleksandr Lapshyn

SQL Database Design For Developers at php[tek] 2024

Making_way_through_DLL_hollowing_inspite_of_CFG_by_Debjeet Banerjee.pptx

Bluetooth Controlled Car with Arduino.pdf

Designing IA for AI - Information Architecture Conference 2024

Unleash Your Potential - Namagunga Girls Coding Club

Streamlining Python Development: A Guide to a Modern Project Setup

Kotlin Multiplatform & Compose Multiplatform - Starter kit for pragmatics

Vulnerability_Management_GRC_by Sohang Sengupta.pptx

Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365

"LLMs for Python Engineers: Advanced Data Analysis and Semantic Kernel",Oleks...

Bun (KitWorks Team Study 노별마루 발표 2024.4.22)

Pigging Solutions in Pet Food Manufacturing

Artificial intelligence in the post-deep learning era

Snow Chain-Integrated Tire for a Safe Drive on Winter Roads

DMCC Future of Trade Web3 - Special Edition