0
Graceful Degradation Wikipedia: Fault-tolerance or graceful degradation is the property that enables a system (often compu...
Ejemplos Vivos (casi)
Bien
Mal
Rules 1. Content First Please!!! (Siempre) 1. Content First Please!!! (Again!) 2. Diseño sólido y extensible (what?) El di...
Ejemplos
Ejemplos
La parte fácil: La técnica .object { background: url(img.png) left top #ccc; background : url(img.png) left top,   url(img...
Problems & Tricks: Blanco sobre blanco con sombra... body { background: white; } .object { background: white; box-shadow: ...
La parte difícil
VENDERLO!!!
RAZóN I $
RAZóN II €
RAZóN III £
Beneficios 1. Menos trafico (kb) 2. Menos peticiones 3. Menos tiempo de desarrollo 4. Menos trabajo de mantenimiento 5. Má...
Presentación online www.john.cat/gd /gd.zip Mail:  [email_address] Twitter: jimi75
Upcoming SlideShare
Loading in...5
×

"No more crossbrowser: Graceful degradation" por @jimi75

371

Published on

Presentación realizada en el #webcat Barcelona de Enero del 2012

Autor: Juan Peist (@jimi75)

Published in: Design
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
371
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
2
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Transcript of ""No more crossbrowser: Graceful degradation" por @jimi75"

  1. 1. Graceful Degradation Wikipedia: Fault-tolerance or graceful degradation is the property that enables a system (often computer-based) to continue operating properly in the event of the failure of some of its components.
  2. 2. Ejemplos Vivos (casi)
  3. 3. Bien
  4. 4. Mal
  5. 5. Rules 1. Content First Please!!! (Siempre) 1. Content First Please!!! (Again!) 2. Diseño sólido y extensible (what?) El diseñador no tiene que trabajar más, tiene que trabajar bien 3. La mejor (no la más nueva) tecnología disponible 4. Nunca olvidar al usuario
  6. 6. Ejemplos
  7. 7. Ejemplos
  8. 8. La parte fácil: La técnica .object { background: url(img.png) left top #ccc; background : url(img.png) left top, url(img.png) left bottom rgba(0, 0, 0, .3) } Sin necesidad de checkear capacidades del browser (Modernizr, etc)
  9. 9. Problems & Tricks: Blanco sobre blanco con sombra... body { background: white; } .object { background: white; box-shadow: 1px 1px 0px rgba(0, 0, 0, .1); } //--> .object { border: 1px solid grey; border : 0 solid rgba(0, 0, 0, .1); box-shadow: 1px 1px 0px rgba(0, 0, 0, .1); background: white; }
  10. 10. La parte difícil
  11. 11. VENDERLO!!!
  12. 12. RAZóN I $
  13. 13. RAZóN II €
  14. 14. RAZóN III £
  15. 15. Beneficios 1. Menos trafico (kb) 2. Menos peticiones 3. Menos tiempo de desarrollo 4. Menos trabajo de mantenimiento 5. Más tiempo para otros desarrollos 6. Presentaciones más Top! 7. Sensación de “update” para old/new users Etc, etc
  16. 16. Presentación online www.john.cat/gd /gd.zip Mail: [email_address] Twitter: jimi75
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×