• Partagez
  • E-mail
  • Intégrer
  • J'aime
  • Télécharger
  • Contenu privé
Responsive Web Design - Introduction & Workflow Overview
 

Responsive Web Design - Introduction & Workflow Overview

on

  • 6,388 vues

Responsive Design's is a way of making a single website that works well on mobile, tablet, and desktop browsers. Back in 2010 Ethan Marcotte, first coined the term "responsive design" and described it ...

Responsive Design's is a way of making a single website that works well on mobile, tablet, and desktop browsers. Back in 2010 Ethan Marcotte, first coined the term "responsive design" and described it as having 3 components:

Flexible Images
Fluid Grids
CSS Media Queries

Well it seems Ethan let quite a few cats of out bag with this one, and we've been trying to herd those cats ever since.

What started as exclusively a front-end web design technique has expanded to include a whole new range of both front-end and server-side programming techniques. The real challenge came when we also suddenly discovered that tried and true practices for project management, and creative concept development all started to fall apart. It’s not practical to create photoshop mockups of ever page in a site at every device size - There’s simply too many variables to account for in graphic design software.

Responsive Design requires a new process for creating websites, and new ways of interacting with teams and clients.

This presentation will outline a birds-eye-view of Responsive Techniques, Strategies, Tools, and Gotchas of RWD. It will focus on some of the new workflow techniques needed and cover some suggestions for where to go to learn more.

Slide Summary

1-25: History of Responsive Design
26-50: Coding Basics (Developer Focused)
51-57: Progressive Enhancement
58-70: Mobile First
71-93: Responsive Workflows
96-99: Selling Responsive Design

Statistiques

Vues

Total des vues
6,388
Vues sur SlideShare
2,754
Vues externes
3,634

Actions

J'aime
7
Téléchargements
0
Commentaires
1

14 Ajouts 3,634

http://responsivedesign.ca 2051
http://www.scoop.it 1284
http://htmltoronto.ca 86
http://atthemoment.altervista.org 83
http://www.responsivedesign.ca 65
http://gallery.grazingcat.com 37
http://responsivedesign.local 21
http://designercasecare.mirildatili.com 1
http://betterdesignercase.mirildatili.com 1
http://news.google.com 1
http://www.slashdocs.com 1
http://visual3d.tumblr.com 1
http://webcache.googleusercontent.com 1
http://greendesignercase.mirildatili.com 1
Plus...

Accessibilité

Catégories

Détails de l'import

Uploaded via as Adobe PDF

Droits d'utilisation

© Tous droits réservés

Report content

Signalé comme inapproprié Signaler comme inapproprié
Signaler comme inapproprié

Indiquez la raison pour laquelle vous avez signalé cette présentation comme n'étant pas appropriée.

Annuler

11 sur 1 précédent suivant

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Votre message apparaîtra ici
    Processing...
  • Creator Shadow is the most professional and affordable web development & design company. World's best Intuitive web site interfaces and user-friendliness are the hallmark of our company.Responsive Web Design
    Are you sure you want to
    Votre message apparaîtra ici
    Processing...
Poster un commentaire
Modifier votre commentaire

    Responsive Web Design - Introduction & Workflow Overview Responsive Web Design - Introduction & Workflow Overview Presentation Transcript