SlideShare una empresa de Scribd logo
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.
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 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
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.png) left bottom   rgba(0, 0, 0, .3) } Sin necesidad de checkear capacidades del  browser (Modernizr, etc)
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; }
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ás tiempo para otros desarrollos 6. Presentaciones más Top! 7. Sensación de “update” para old/new users Etc, etc
Presentación online www.john.cat/gd /gd.zip Mail:  [email_address] Twitter: jimi75

Más contenido relacionado

Destacado

Ip em versos
Ip em versosIp em versos
Ip em versos
Hélide Maria
 
Anexo I contrato de prestação de serviços
Anexo I  contrato de prestação de serviçosAnexo I  contrato de prestação de serviços
Anexo I contrato de prestação de serviços
Felipe Carvalho
 
Fotos da turma 28 fev
Fotos da turma 28 fevFotos da turma 28 fev
Fotos da turma 28 fevhalynariznyk
 
2. anexo ii termo de referência
2. anexo ii   termo de referência2. anexo ii   termo de referência
2. anexo ii termo de referência
Felipe Carvalho
 
Arizona
ArizonaArizona
Jornalito fev. 2011
Jornalito fev. 2011Jornalito fev. 2011
Jornalito fev. 2011
pichutas
 
Construções partes 1 e 2
Construções partes 1 e 2Construções partes 1 e 2
Construções partes 1 e 2
Lucas Bastos
 
Ambiente e Sociedade
Ambiente e SociedadeAmbiente e Sociedade
Ambiente e Sociedade
Paulo Correia
 
P A I M I X
P A I  M I XP A I  M I X
P A I M I X
luiscandido
 
Producción de una vela electrónica
Producción de una vela electrónicaProducción de una vela electrónica
Producción de una vela electrónica
Colegio Francisco Arriarán
 
関数型プログラミングの世界
関数型プログラミングの世界関数型プログラミングの世界
関数型プログラミングの世界
Kenta Murata
 
Revisão – 4ª etapa (7º 3º)
Revisão – 4ª etapa (7º 3º)Revisão – 4ª etapa (7º 3º)
Revisão – 4ª etapa (7º 3º)
Lucas Bastos
 
Guia para Investir
Guia para InvestirGuia para Investir
Guia para Investir
Banco Santander Totta
 
Foto montaje truco fotografico
Foto montaje truco fotograficoFoto montaje truco fotografico
Foto montaje truco fotografico
Promociones Mexico Marketing
 
Basic Life Support
Basic Life SupportBasic Life Support
Basic Life Support
Nisha Mathew
 
As quatro estações
As quatro estaçõesAs quatro estações
As quatro estações
Jose Carreira
 
Net Segura
Net SeguraNet Segura
Net Segura
Brunoo Neves
 
Encontro 1
Encontro 1Encontro 1
Crucificado
CrucificadoCrucificado
Crucificado
luiscandido
 

Destacado (20)

Ip em versos
Ip em versosIp em versos
Ip em versos
 
Anexo I contrato de prestação de serviços
Anexo I  contrato de prestação de serviçosAnexo I  contrato de prestação de serviços
Anexo I contrato de prestação de serviços
 
Fotos da turma 28 fev
Fotos da turma 28 fevFotos da turma 28 fev
Fotos da turma 28 fev
 
2. anexo ii termo de referência
2. anexo ii   termo de referência2. anexo ii   termo de referência
2. anexo ii termo de referência
 
Arizona
ArizonaArizona
Arizona
 
RETIRO 2011
RETIRO 2011RETIRO 2011
RETIRO 2011
 
Jornalito fev. 2011
Jornalito fev. 2011Jornalito fev. 2011
Jornalito fev. 2011
 
Construções partes 1 e 2
Construções partes 1 e 2Construções partes 1 e 2
Construções partes 1 e 2
 
Ambiente e Sociedade
Ambiente e SociedadeAmbiente e Sociedade
Ambiente e Sociedade
 
P A I M I X
P A I  M I XP A I  M I X
P A I M I X
 
Producción de una vela electrónica
Producción de una vela electrónicaProducción de una vela electrónica
Producción de una vela electrónica
 
関数型プログラミングの世界
関数型プログラミングの世界関数型プログラミングの世界
関数型プログラミングの世界
 
Revisão – 4ª etapa (7º 3º)
Revisão – 4ª etapa (7º 3º)Revisão – 4ª etapa (7º 3º)
Revisão – 4ª etapa (7º 3º)
 
Guia para Investir
Guia para InvestirGuia para Investir
Guia para Investir
 
Foto montaje truco fotografico
Foto montaje truco fotograficoFoto montaje truco fotografico
Foto montaje truco fotografico
 
Basic Life Support
Basic Life SupportBasic Life Support
Basic Life Support
 
As quatro estações
As quatro estaçõesAs quatro estações
As quatro estações
 
Net Segura
Net SeguraNet Segura
Net Segura
 
Encontro 1
Encontro 1Encontro 1
Encontro 1
 
Crucificado
CrucificadoCrucificado
Crucificado
 

Similar a "No more crossbrowser: Graceful degradation" por @jimi75

Depuración Avanzada Con Win Dbg Y Vs 2010 (Basica)
Depuración Avanzada Con Win Dbg Y Vs 2010 (Basica)Depuración Avanzada Con Win Dbg Y Vs 2010 (Basica)
Depuración Avanzada Con Win Dbg Y Vs 2010 (Basica)
Pablo Alvarez Doval
 
Reglas de Código Simple
Reglas de Código SimpleReglas de Código Simple
Reglas de Código Simple
psluaces
 
Depuración Avanzada Con Win Dbg Y Vs 2010 (Extendida)
Depuración Avanzada Con Win Dbg Y Vs 2010 (Extendida)Depuración Avanzada Con Win Dbg Y Vs 2010 (Extendida)
Depuración Avanzada Con Win Dbg Y Vs 2010 (Extendida)
Pablo Alvarez Doval
 
Mobile Day - Lecciones de vuelo
Mobile Day - Lecciones de vueloMobile Day - Lecciones de vuelo
Mobile Day - Lecciones de vuelo
Software Guru
 
Interfaces Usuario 3
Interfaces Usuario 3Interfaces Usuario 3
Interfaces Usuario 3
Milaly
 
Charla Tdd Uji 032010
Charla Tdd Uji 032010Charla Tdd Uji 032010
Charla Tdd Uji 032010
Carlos Ble
 
S2-PD2-1.2 Web Forms
S2-PD2-1.2 Web FormsS2-PD2-1.2 Web Forms
S2-PD2-1.2 Web Forms
Luis Fernando Aguas Bucheli
 
Iswmovil
IswmovilIswmovil
Circuitmaker 130215084951-phpapp02
Circuitmaker 130215084951-phpapp02Circuitmaker 130215084951-phpapp02
Circuitmaker 130215084951-phpapp02
maria_amanta
 
Circuit maker
Circuit makerCircuit maker
Circuit maker
maria_amanta
 
Clase 8 algoritmos_y_programas
Clase 8 algoritmos_y_programasClase 8 algoritmos_y_programas
Clase 8 algoritmos_y_programas
Dr.Ing. Uriel
 
Introducción a swing. taller de programación 2016
Introducción a swing. taller de programación 2016Introducción a swing. taller de programación 2016
Introducción a swing. taller de programación 2016
angeles104
 
El_pensamiento_computacional_y_programacion_.pptx
El_pensamiento_computacional_y_programacion_.pptxEl_pensamiento_computacional_y_programacion_.pptx
El_pensamiento_computacional_y_programacion_.pptx
KarinaLeticiaKovvali
 
Mancero silvia p1-gestió d'incidències.odt
Mancero silvia p1-gestió d'incidències.odtMancero silvia p1-gestió d'incidències.odt
Mancero silvia p1-gestió d'incidències.odt
Silvia Mancero
 
Barcelona Workshop 2008
Barcelona Workshop 2008Barcelona Workshop 2008
Barcelona Workshop 2008
Mitusin
 
Reactvolution
ReactvolutionReactvolution
Reactvolution
_Lagash
 
Advanced Action Script 3.0
Advanced Action Script 3.0Advanced Action Script 3.0
Advanced Action Script 3.0
Alberto González
 
Front-end: Diseñar webs rápidas, flexibles y potentes
Front-end: Diseñar webs rápidas, flexibles y potentesFront-end: Diseñar webs rápidas, flexibles y potentes
Front-end: Diseñar webs rápidas, flexibles y potentes
Román Hernández
 
Sistema Experto para Mantenimiento de PCs
Sistema Experto para Mantenimiento de PCsSistema Experto para Mantenimiento de PCs
Sistema Experto para Mantenimiento de PCs
Universidad Pedagógica y Tecnologica de Colombia
 
Creación de Procesos en Android
Creación de Procesos en AndroidCreación de Procesos en Android
Creación de Procesos en Android
Rafa González Jiménez
 

Similar a "No more crossbrowser: Graceful degradation" por @jimi75 (20)

Depuración Avanzada Con Win Dbg Y Vs 2010 (Basica)
Depuración Avanzada Con Win Dbg Y Vs 2010 (Basica)Depuración Avanzada Con Win Dbg Y Vs 2010 (Basica)
Depuración Avanzada Con Win Dbg Y Vs 2010 (Basica)
 
Reglas de Código Simple
Reglas de Código SimpleReglas de Código Simple
Reglas de Código Simple
 
Depuración Avanzada Con Win Dbg Y Vs 2010 (Extendida)
Depuración Avanzada Con Win Dbg Y Vs 2010 (Extendida)Depuración Avanzada Con Win Dbg Y Vs 2010 (Extendida)
Depuración Avanzada Con Win Dbg Y Vs 2010 (Extendida)
 
Mobile Day - Lecciones de vuelo
Mobile Day - Lecciones de vueloMobile Day - Lecciones de vuelo
Mobile Day - Lecciones de vuelo
 
Interfaces Usuario 3
Interfaces Usuario 3Interfaces Usuario 3
Interfaces Usuario 3
 
Charla Tdd Uji 032010
Charla Tdd Uji 032010Charla Tdd Uji 032010
Charla Tdd Uji 032010
 
S2-PD2-1.2 Web Forms
S2-PD2-1.2 Web FormsS2-PD2-1.2 Web Forms
S2-PD2-1.2 Web Forms
 
Iswmovil
IswmovilIswmovil
Iswmovil
 
Circuitmaker 130215084951-phpapp02
Circuitmaker 130215084951-phpapp02Circuitmaker 130215084951-phpapp02
Circuitmaker 130215084951-phpapp02
 
Circuit maker
Circuit makerCircuit maker
Circuit maker
 
Clase 8 algoritmos_y_programas
Clase 8 algoritmos_y_programasClase 8 algoritmos_y_programas
Clase 8 algoritmos_y_programas
 
Introducción a swing. taller de programación 2016
Introducción a swing. taller de programación 2016Introducción a swing. taller de programación 2016
Introducción a swing. taller de programación 2016
 
El_pensamiento_computacional_y_programacion_.pptx
El_pensamiento_computacional_y_programacion_.pptxEl_pensamiento_computacional_y_programacion_.pptx
El_pensamiento_computacional_y_programacion_.pptx
 
Mancero silvia p1-gestió d'incidències.odt
Mancero silvia p1-gestió d'incidències.odtMancero silvia p1-gestió d'incidències.odt
Mancero silvia p1-gestió d'incidències.odt
 
Barcelona Workshop 2008
Barcelona Workshop 2008Barcelona Workshop 2008
Barcelona Workshop 2008
 
Reactvolution
ReactvolutionReactvolution
Reactvolution
 
Advanced Action Script 3.0
Advanced Action Script 3.0Advanced Action Script 3.0
Advanced Action Script 3.0
 
Front-end: Diseñar webs rápidas, flexibles y potentes
Front-end: Diseñar webs rápidas, flexibles y potentesFront-end: Diseñar webs rápidas, flexibles y potentes
Front-end: Diseñar webs rápidas, flexibles y potentes
 
Sistema Experto para Mantenimiento de PCs
Sistema Experto para Mantenimiento de PCsSistema Experto para Mantenimiento de PCs
Sistema Experto para Mantenimiento de PCs
 
Creación de Procesos en Android
Creación de Procesos en AndroidCreación de Procesos en Android
Creación de Procesos en Android
 

Más de webcat

"Demystifying development techniques" por @eturino
"Demystifying development techniques" por @eturino"Demystifying development techniques" por @eturino
"Demystifying development techniques" por @eturino
webcat
 
"Inception" por @CarlosTheSailor
"Inception" por @CarlosTheSailor"Inception" por @CarlosTheSailor
"Inception" por @CarlosTheSailor
webcat
 
"Cómo hicimos la web responsive y accesible de cierto equipo de fútbol y otro...
"Cómo hicimos la web responsive y accesible de cierto equipo de fútbol y otro..."Cómo hicimos la web responsive y accesible de cierto equipo de fútbol y otro...
"Cómo hicimos la web responsive y accesible de cierto equipo de fútbol y otro...
webcat
 
"unoStringSynth: hack musical con Arduino" por @unoStringSynth
"unoStringSynth: hack musical con Arduino" por @unoStringSynth"unoStringSynth: hack musical con Arduino" por @unoStringSynth
"unoStringSynth: hack musical con Arduino" por @unoStringSynth
webcat
 
"UX en 10 películas" por @nunile
"UX en 10 películas" por @nunile"UX en 10 películas" por @nunile
"UX en 10 películas" por @nunile
webcat
 
"Continuous Deployment" por @fredfigueiredo
"Continuous Deployment" por @fredfigueiredo"Continuous Deployment" por @fredfigueiredo
"Continuous Deployment" por @fredfigueiredo
webcat
 
"WebView, the fifth element" por @fernando_cejas
"WebView, the fifth element" por @fernando_cejas"WebView, the fifth element" por @fernando_cejas
"WebView, the fifth element" por @fernando_cejas
webcat
 
"Pushing the boundaries" por @danielguillan
"Pushing the boundaries" por @danielguillan"Pushing the boundaries" por @danielguillan
"Pushing the boundaries" por @danielguillan
webcat
 
"One size fits none" por @martuishere
"One size fits none" por @martuishere"One size fits none" por @martuishere
"One size fits none" por @martuishere
webcat
 
"Designing digital products for kids" por @karinai
"Designing digital products for kids" por @karinai"Designing digital products for kids" por @karinai
"Designing digital products for kids" por @karinai
webcat
 
"How to write better User Stories" por @jrhuerta
"How to write better User Stories" por @jrhuerta"How to write better User Stories" por @jrhuerta
"How to write better User Stories" por @jrhuerta
webcat
 
"GTD & Pomodoro Technique" por @deambulando
"GTD & Pomodoro Technique" por @deambulando"GTD & Pomodoro Technique" por @deambulando
"GTD & Pomodoro Technique" por @deambulando
webcat
 
"Esqueuomorfismo: la ruptura de la metáfora" por @omixam
"Esqueuomorfismo: la ruptura de la metáfora" por @omixam"Esqueuomorfismo: la ruptura de la metáfora" por @omixam
"Esqueuomorfismo: la ruptura de la metáfora" por @omixam
webcat
 
"The work I love" por @karinai
"The work I love" por @karinai"The work I love" por @karinai
"The work I love" por @karinai
webcat
 
"APIS, como reutilizar contenidos en tu web" por @daniel_julia
"APIS, como reutilizar contenidos en tu web" por @daniel_julia"APIS, como reutilizar contenidos en tu web" por @daniel_julia
"APIS, como reutilizar contenidos en tu web" por @daniel_julia
webcat
 
"Web performance optimization for everyone" por @abellonch
"Web performance optimization for everyone" por @abellonch"Web performance optimization for everyone" por @abellonch
"Web performance optimization for everyone" por @abellonch
webcat
 
"HTML & CSS apps & internet powered TV" por @JeronimJackson
"HTML & CSS apps & internet powered TV" por @JeronimJackson"HTML & CSS apps & internet powered TV" por @JeronimJackson
"HTML & CSS apps & internet powered TV" por @JeronimJackson
webcat
 
"Cuadro de mandos para UX. El método HEART" por @galu
"Cuadro de mandos para UX. El método HEART" por @galu"Cuadro de mandos para UX. El método HEART" por @galu
"Cuadro de mandos para UX. El método HEART" por @galu
webcat
 
"CSS Preprocessors Time!" por @nahuelsotelo
"CSS Preprocessors Time!" por @nahuelsotelo"CSS Preprocessors Time!" por @nahuelsotelo
"CSS Preprocessors Time!" por @nahuelsotelo
webcat
 
"Wordpress for web designers. What, when, how, where" por @nuriarai
"Wordpress for web designers. What, when, how, where" por @nuriarai"Wordpress for web designers. What, when, how, where" por @nuriarai
"Wordpress for web designers. What, when, how, where" por @nuriarai
webcat
 

Más de webcat (20)

"Demystifying development techniques" por @eturino
"Demystifying development techniques" por @eturino"Demystifying development techniques" por @eturino
"Demystifying development techniques" por @eturino
 
"Inception" por @CarlosTheSailor
"Inception" por @CarlosTheSailor"Inception" por @CarlosTheSailor
"Inception" por @CarlosTheSailor
 
"Cómo hicimos la web responsive y accesible de cierto equipo de fútbol y otro...
"Cómo hicimos la web responsive y accesible de cierto equipo de fútbol y otro..."Cómo hicimos la web responsive y accesible de cierto equipo de fútbol y otro...
"Cómo hicimos la web responsive y accesible de cierto equipo de fútbol y otro...
 
"unoStringSynth: hack musical con Arduino" por @unoStringSynth
"unoStringSynth: hack musical con Arduino" por @unoStringSynth"unoStringSynth: hack musical con Arduino" por @unoStringSynth
"unoStringSynth: hack musical con Arduino" por @unoStringSynth
 
"UX en 10 películas" por @nunile
"UX en 10 películas" por @nunile"UX en 10 películas" por @nunile
"UX en 10 películas" por @nunile
 
"Continuous Deployment" por @fredfigueiredo
"Continuous Deployment" por @fredfigueiredo"Continuous Deployment" por @fredfigueiredo
"Continuous Deployment" por @fredfigueiredo
 
"WebView, the fifth element" por @fernando_cejas
"WebView, the fifth element" por @fernando_cejas"WebView, the fifth element" por @fernando_cejas
"WebView, the fifth element" por @fernando_cejas
 
"Pushing the boundaries" por @danielguillan
"Pushing the boundaries" por @danielguillan"Pushing the boundaries" por @danielguillan
"Pushing the boundaries" por @danielguillan
 
"One size fits none" por @martuishere
"One size fits none" por @martuishere"One size fits none" por @martuishere
"One size fits none" por @martuishere
 
"Designing digital products for kids" por @karinai
"Designing digital products for kids" por @karinai"Designing digital products for kids" por @karinai
"Designing digital products for kids" por @karinai
 
"How to write better User Stories" por @jrhuerta
"How to write better User Stories" por @jrhuerta"How to write better User Stories" por @jrhuerta
"How to write better User Stories" por @jrhuerta
 
"GTD & Pomodoro Technique" por @deambulando
"GTD & Pomodoro Technique" por @deambulando"GTD & Pomodoro Technique" por @deambulando
"GTD & Pomodoro Technique" por @deambulando
 
"Esqueuomorfismo: la ruptura de la metáfora" por @omixam
"Esqueuomorfismo: la ruptura de la metáfora" por @omixam"Esqueuomorfismo: la ruptura de la metáfora" por @omixam
"Esqueuomorfismo: la ruptura de la metáfora" por @omixam
 
"The work I love" por @karinai
"The work I love" por @karinai"The work I love" por @karinai
"The work I love" por @karinai
 
"APIS, como reutilizar contenidos en tu web" por @daniel_julia
"APIS, como reutilizar contenidos en tu web" por @daniel_julia"APIS, como reutilizar contenidos en tu web" por @daniel_julia
"APIS, como reutilizar contenidos en tu web" por @daniel_julia
 
"Web performance optimization for everyone" por @abellonch
"Web performance optimization for everyone" por @abellonch"Web performance optimization for everyone" por @abellonch
"Web performance optimization for everyone" por @abellonch
 
"HTML & CSS apps & internet powered TV" por @JeronimJackson
"HTML & CSS apps & internet powered TV" por @JeronimJackson"HTML & CSS apps & internet powered TV" por @JeronimJackson
"HTML & CSS apps & internet powered TV" por @JeronimJackson
 
"Cuadro de mandos para UX. El método HEART" por @galu
"Cuadro de mandos para UX. El método HEART" por @galu"Cuadro de mandos para UX. El método HEART" por @galu
"Cuadro de mandos para UX. El método HEART" por @galu
 
"CSS Preprocessors Time!" por @nahuelsotelo
"CSS Preprocessors Time!" por @nahuelsotelo"CSS Preprocessors Time!" por @nahuelsotelo
"CSS Preprocessors Time!" por @nahuelsotelo
 
"Wordpress for web designers. What, when, how, where" por @nuriarai
"Wordpress for web designers. What, when, how, where" por @nuriarai"Wordpress for web designers. What, when, how, where" por @nuriarai
"Wordpress for web designers. What, when, how, where" por @nuriarai
 

Último

ACT 1 DISEÑO: ECONOMIA NARANJA CONTADURIA
ACT 1 DISEÑO: ECONOMIA NARANJA CONTADURIAACT 1 DISEÑO: ECONOMIA NARANJA CONTADURIA
ACT 1 DISEÑO: ECONOMIA NARANJA CONTADURIA
EmilyHumbria
 
GERSON RODRIGUEZ 30486045 ESC. 41 CRECIMIENTO URBANO DE LA ARQUITECTURA EN LA...
GERSON RODRIGUEZ 30486045 ESC. 41 CRECIMIENTO URBANO DE LA ARQUITECTURA EN LA...GERSON RODRIGUEZ 30486045 ESC. 41 CRECIMIENTO URBANO DE LA ARQUITECTURA EN LA...
GERSON RODRIGUEZ 30486045 ESC. 41 CRECIMIENTO URBANO DE LA ARQUITECTURA EN LA...
GersonManuelRodrigue1
 
ATREVÁMONOS A CONFIAR EN DIOS (21 DÍAS DE AYUNO 23).pdf
ATREVÁMONOS A CONFIAR EN  DIOS (21 DÍAS DE AYUNO 23).pdfATREVÁMONOS A CONFIAR EN  DIOS (21 DÍAS DE AYUNO 23).pdf
ATREVÁMONOS A CONFIAR EN DIOS (21 DÍAS DE AYUNO 23).pdf
ManuelHuanca5
 
Amado Salvador Distribuidor Oficial de Veka: Catalogo General de Sistemas de ...
Amado Salvador Distribuidor Oficial de Veka: Catalogo General de Sistemas de ...Amado Salvador Distribuidor Oficial de Veka: Catalogo General de Sistemas de ...
Amado Salvador Distribuidor Oficial de Veka: Catalogo General de Sistemas de ...
AMADO SALVADOR
 
SESION 13 TANQUE IMHOFF Y LAGUNAS FACULTATIVAS - OK.pptx
SESION 13 TANQUE IMHOFF Y LAGUNAS FACULTATIVAS - OK.pptxSESION 13 TANQUE IMHOFF Y LAGUNAS FACULTATIVAS - OK.pptx
SESION 13 TANQUE IMHOFF Y LAGUNAS FACULTATIVAS - OK.pptx
JoseJhonyAncajimaAnc
 
Presentación Proyecto libreta Creativo Doodle Rosa_20240615_180431_0000.pdf
Presentación Proyecto libreta Creativo Doodle Rosa_20240615_180431_0000.pdfPresentación Proyecto libreta Creativo Doodle Rosa_20240615_180431_0000.pdf
Presentación Proyecto libreta Creativo Doodle Rosa_20240615_180431_0000.pdf
Rubi Caballero pizarro
 
Inyeccion electronica de un motor a gasolina
Inyeccion electronica de un motor a gasolinaInyeccion electronica de un motor a gasolina
Inyeccion electronica de un motor a gasolina
worldmusic00
 
Distrito de Lima - Pueblo Libre - Analisis
Distrito de  Lima -  Pueblo Libre - AnalisisDistrito de  Lima -  Pueblo Libre - Analisis
Distrito de Lima - Pueblo Libre - Analisis
CarlitaChirito
 
Plantilla_para_sustentación_de_tesis_Universidad_de_la_Amazonia.pptx
Plantilla_para_sustentación_de_tesis_Universidad_de_la_Amazonia.pptxPlantilla_para_sustentación_de_tesis_Universidad_de_la_Amazonia.pptx
Plantilla_para_sustentación_de_tesis_Universidad_de_la_Amazonia.pptx
carlosarmandocoronas
 
tipos de superficies para la aplicacion de diferentes tipos de pinturas.
tipos de superficies para la aplicacion de diferentes tipos de pinturas.tipos de superficies para la aplicacion de diferentes tipos de pinturas.
tipos de superficies para la aplicacion de diferentes tipos de pinturas.
cristianhenzi1
 
Presentacion Proyecto Creativo Marketing Creativa Multicolor.pdf
Presentacion Proyecto Creativo Marketing Creativa Multicolor.pdfPresentacion Proyecto Creativo Marketing Creativa Multicolor.pdf
Presentacion Proyecto Creativo Marketing Creativa Multicolor.pdf
alancarranzavargas2
 
Guia general para el diseño de sistemas de aguas blancas.pdf
Guia general para el diseño de sistemas de aguas blancas.pdfGuia general para el diseño de sistemas de aguas blancas.pdf
Guia general para el diseño de sistemas de aguas blancas.pdf
lunamaiguare
 
BARBARA PADILLA DETALLES ESTRUCTURALES.PDF
BARBARA PADILLA DETALLES ESTRUCTURALES.PDFBARBARA PADILLA DETALLES ESTRUCTURALES.PDF
BARBARA PADILLA DETALLES ESTRUCTURALES.PDF
Brbara57940
 
EXPOSICION CLOROFILA INVESTIGACION .pptx
EXPOSICION CLOROFILA INVESTIGACION .pptxEXPOSICION CLOROFILA INVESTIGACION .pptx
EXPOSICION CLOROFILA INVESTIGACION .pptx
raulvedia2
 
Sentencias de control (actividades en c++)
Sentencias de control (actividades en c++)Sentencias de control (actividades en c++)
Sentencias de control (actividades en c++)
MilagrosSalavarra1
 
Guia general para el diseño de sistemas de aguas blancas
Guia general para el diseño de sistemas de aguas blancasGuia general para el diseño de sistemas de aguas blancas
Guia general para el diseño de sistemas de aguas blancas
Akutagawa MiAmor
 
Paijan AA.hh mi sector donde vivo calle 6 de marzo .
Paijan AA.hh mi sector donde vivo calle 6 de marzo .Paijan AA.hh mi sector donde vivo calle 6 de marzo .
Paijan AA.hh mi sector donde vivo calle 6 de marzo .
uriolmedinan
 
Cuadro Sinoptico sobre la ciencia y su historia
Cuadro Sinoptico sobre la ciencia y su historiaCuadro Sinoptico sobre la ciencia y su historia
Cuadro Sinoptico sobre la ciencia y su historia
DougliannyGarcia
 
ROTAFOLIO CONSEJOS PARA PREVENIR LA ANEMIA.pdf
ROTAFOLIO CONSEJOS PARA PREVENIR LA ANEMIA.pdfROTAFOLIO CONSEJOS PARA PREVENIR LA ANEMIA.pdf
ROTAFOLIO CONSEJOS PARA PREVENIR LA ANEMIA.pdf
JesusFlores151669
 
VIOLENCIA CONTRA NIÑOS MUJERES Y ADULTOS MAYORES(1).pptx
VIOLENCIA CONTRA NIÑOS MUJERES Y ADULTOS MAYORES(1).pptxVIOLENCIA CONTRA NIÑOS MUJERES Y ADULTOS MAYORES(1).pptx
VIOLENCIA CONTRA NIÑOS MUJERES Y ADULTOS MAYORES(1).pptx
belindaramirez10
 

Último (20)

ACT 1 DISEÑO: ECONOMIA NARANJA CONTADURIA
ACT 1 DISEÑO: ECONOMIA NARANJA CONTADURIAACT 1 DISEÑO: ECONOMIA NARANJA CONTADURIA
ACT 1 DISEÑO: ECONOMIA NARANJA CONTADURIA
 
GERSON RODRIGUEZ 30486045 ESC. 41 CRECIMIENTO URBANO DE LA ARQUITECTURA EN LA...
GERSON RODRIGUEZ 30486045 ESC. 41 CRECIMIENTO URBANO DE LA ARQUITECTURA EN LA...GERSON RODRIGUEZ 30486045 ESC. 41 CRECIMIENTO URBANO DE LA ARQUITECTURA EN LA...
GERSON RODRIGUEZ 30486045 ESC. 41 CRECIMIENTO URBANO DE LA ARQUITECTURA EN LA...
 
ATREVÁMONOS A CONFIAR EN DIOS (21 DÍAS DE AYUNO 23).pdf
ATREVÁMONOS A CONFIAR EN  DIOS (21 DÍAS DE AYUNO 23).pdfATREVÁMONOS A CONFIAR EN  DIOS (21 DÍAS DE AYUNO 23).pdf
ATREVÁMONOS A CONFIAR EN DIOS (21 DÍAS DE AYUNO 23).pdf
 
Amado Salvador Distribuidor Oficial de Veka: Catalogo General de Sistemas de ...
Amado Salvador Distribuidor Oficial de Veka: Catalogo General de Sistemas de ...Amado Salvador Distribuidor Oficial de Veka: Catalogo General de Sistemas de ...
Amado Salvador Distribuidor Oficial de Veka: Catalogo General de Sistemas de ...
 
SESION 13 TANQUE IMHOFF Y LAGUNAS FACULTATIVAS - OK.pptx
SESION 13 TANQUE IMHOFF Y LAGUNAS FACULTATIVAS - OK.pptxSESION 13 TANQUE IMHOFF Y LAGUNAS FACULTATIVAS - OK.pptx
SESION 13 TANQUE IMHOFF Y LAGUNAS FACULTATIVAS - OK.pptx
 
Presentación Proyecto libreta Creativo Doodle Rosa_20240615_180431_0000.pdf
Presentación Proyecto libreta Creativo Doodle Rosa_20240615_180431_0000.pdfPresentación Proyecto libreta Creativo Doodle Rosa_20240615_180431_0000.pdf
Presentación Proyecto libreta Creativo Doodle Rosa_20240615_180431_0000.pdf
 
Inyeccion electronica de un motor a gasolina
Inyeccion electronica de un motor a gasolinaInyeccion electronica de un motor a gasolina
Inyeccion electronica de un motor a gasolina
 
Distrito de Lima - Pueblo Libre - Analisis
Distrito de  Lima -  Pueblo Libre - AnalisisDistrito de  Lima -  Pueblo Libre - Analisis
Distrito de Lima - Pueblo Libre - Analisis
 
Plantilla_para_sustentación_de_tesis_Universidad_de_la_Amazonia.pptx
Plantilla_para_sustentación_de_tesis_Universidad_de_la_Amazonia.pptxPlantilla_para_sustentación_de_tesis_Universidad_de_la_Amazonia.pptx
Plantilla_para_sustentación_de_tesis_Universidad_de_la_Amazonia.pptx
 
tipos de superficies para la aplicacion de diferentes tipos de pinturas.
tipos de superficies para la aplicacion de diferentes tipos de pinturas.tipos de superficies para la aplicacion de diferentes tipos de pinturas.
tipos de superficies para la aplicacion de diferentes tipos de pinturas.
 
Presentacion Proyecto Creativo Marketing Creativa Multicolor.pdf
Presentacion Proyecto Creativo Marketing Creativa Multicolor.pdfPresentacion Proyecto Creativo Marketing Creativa Multicolor.pdf
Presentacion Proyecto Creativo Marketing Creativa Multicolor.pdf
 
Guia general para el diseño de sistemas de aguas blancas.pdf
Guia general para el diseño de sistemas de aguas blancas.pdfGuia general para el diseño de sistemas de aguas blancas.pdf
Guia general para el diseño de sistemas de aguas blancas.pdf
 
BARBARA PADILLA DETALLES ESTRUCTURALES.PDF
BARBARA PADILLA DETALLES ESTRUCTURALES.PDFBARBARA PADILLA DETALLES ESTRUCTURALES.PDF
BARBARA PADILLA DETALLES ESTRUCTURALES.PDF
 
EXPOSICION CLOROFILA INVESTIGACION .pptx
EXPOSICION CLOROFILA INVESTIGACION .pptxEXPOSICION CLOROFILA INVESTIGACION .pptx
EXPOSICION CLOROFILA INVESTIGACION .pptx
 
Sentencias de control (actividades en c++)
Sentencias de control (actividades en c++)Sentencias de control (actividades en c++)
Sentencias de control (actividades en c++)
 
Guia general para el diseño de sistemas de aguas blancas
Guia general para el diseño de sistemas de aguas blancasGuia general para el diseño de sistemas de aguas blancas
Guia general para el diseño de sistemas de aguas blancas
 
Paijan AA.hh mi sector donde vivo calle 6 de marzo .
Paijan AA.hh mi sector donde vivo calle 6 de marzo .Paijan AA.hh mi sector donde vivo calle 6 de marzo .
Paijan AA.hh mi sector donde vivo calle 6 de marzo .
 
Cuadro Sinoptico sobre la ciencia y su historia
Cuadro Sinoptico sobre la ciencia y su historiaCuadro Sinoptico sobre la ciencia y su historia
Cuadro Sinoptico sobre la ciencia y su historia
 
ROTAFOLIO CONSEJOS PARA PREVENIR LA ANEMIA.pdf
ROTAFOLIO CONSEJOS PARA PREVENIR LA ANEMIA.pdfROTAFOLIO CONSEJOS PARA PREVENIR LA ANEMIA.pdf
ROTAFOLIO CONSEJOS PARA PREVENIR LA ANEMIA.pdf
 
VIOLENCIA CONTRA NIÑOS MUJERES Y ADULTOS MAYORES(1).pptx
VIOLENCIA CONTRA NIÑOS MUJERES Y ADULTOS MAYORES(1).pptxVIOLENCIA CONTRA NIÑOS MUJERES Y ADULTOS MAYORES(1).pptx
VIOLENCIA CONTRA NIÑOS MUJERES Y ADULTOS MAYORES(1).pptx
 

"No more crossbrowser: Graceful degradation" por @jimi75

  • 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.
  • 4. Mal
  • 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
  • 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. 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; }
  • 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. Presentación online www.john.cat/gd /gd.zip Mail: [email_address] Twitter: jimi75