Cómo puede adaptar un desarrollador web sus sitios web a la pantalla Retina Display


http://www.ipadizate.es

Cómo puede adaptar un desarrollador web sus sitios web a la pantalla Retina Display

 Cómo puede adaptar un desarrollador web sus sitios web a la pantalla Retina Display

Que la pantalla Retina Display del nuevo MacBook Pro es alucinante no lo puede negar nadie que la haya visto en directo. Una pantalla con 5 millones de píxeles y una resolución de 2880×1800 es algo completamente extraordinario, se mire por donde se mire. Pero hay algunas personas que quizás no la vean con tan buenos ojos, y estos son los desarrolladores web. Las pantallas Retina Display ya están en el iPhone 4 y 4S, iPad de tercera generación y MacBook Pro, y lo más probable es que se empiecen a extender a otros equipos como los iMac, MacBook Air, etc… Así que los sitios web deberán adaptarse.

Thomas Fuchsdesarrollador web de Ruby on Rails, ha publicado un diagrama donde muestra qué pasos se deben seguir para adaptar un sitio web para que se visualice correctamente en las pantallas Retina. Thomas demuestra así que no solo hay que doblar la resolución de la imagen, tal y como opinan muchos otros.

El diagrama muestra que lo que se debe hacer es dividir por el tipo de contenido, y así adaptar solo lo necesario. Si es desarrollador web entenderás mejor el diagrama, pero podemos como ejemplos podemos comentar que si el contenido es texto no hay que tocar nada; pero con las imágenes se complica un poco la cosa, ya que tendremos que doblar su resolución  y además incluir código CSS adicional en la hoja de estilo.

De momento no parece que haya muchos sitios web adaptados más allá del site oficial de Apple. Tampoco creo que los desarrolladores tengan demasiada prisa en hacer estos cambios, al fin y al cabo solo hay 3 equipos que tienen pantalla Retina Display y dos de ellos son “móviles”.

¿Alguno de vosotros tiene un MacBook Pro con pantalla retina y puede contarnos como se ven los sitios web?

Comparte este artículo con tus amigos en Facebook, Google+ y Twitter con los botones que encontrarás al principio del mismo. ¡Muchas gracias!

Diagrama completo | Enlace

Vía | Applesfera

Etiquetado:, , , , , , ,

Deja un comentario

Por favor, inicia sesión con uno de estos métodos para publicar tu comentario:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s

Zona de Promesas

Tecnología - Internet - Redes Sociales - Entrepreneurship - Música - Economía - Innovación

Fortune Tech: Technology blogs, news and analysis from Fortune Magazine

Fortune's tech team offers analysis and perspective on the world's most important developments.

Top Master | Blog

LOS PROGRAMAS DE MBA Y POSTGRADO MAS INFLUYENTES DE TODO EL MUNDO

La realidad alterna

Diario de sueños, cuentos, poesías y una novela en proceso

TechCrunch

Startup and Technology News

Unencumbered by Facts

Taking unsubstantiation to new levels

Carlos Cordero

Blog de tecnología

PsicoEmocions Blog

Un Pont entre la Psique i les Emocions

TEA PTLS NACHO

AUTISMO.TEA..PTLS

Comunicación & Marketing

De Lilian Lanzieri

Xtratexia

Dirección estratégica para la vida

Notes From The Internet

by Silvia Altamirano

StellarHIRE Partners

Founding Partner, StellarHire Partners - Executive Search Consultants. Recent engagements include Eloqua, SFDC, Tibco and Veeam.

ivanbrunpr's Blog

4 out of 5 dentists recommend this WordPress.com site

Matt on Not-WordPress

Stuff and things.

BLOGTEC

Noticias de Tecnologia.

Talento en Expansión

Tendencias y Mejores Prácticas en la Gestión de Personas de la Empresa 2.0

Two Leaves Tea SPAIN

Great Organic Tea! ✫✫✫✫✫ Te Organico en Piramides

Escuela de Dinero

El mejor Sitio en Español sobre lo básico para entender el Dinero y sus matemáticas relacionadas.

My Blog Daniel Palop

A topnotch WordPress.com site

Intentando dejar huella...

...en cada uno de los visitantes

Ideas Para la Clase.com

Portafolio de experiencias en la clase de español para Middle School.

littlegreybox

like. read. laugh. love.

déborah rueda

Un sitio más pero diferente sobre marketing on line

No solo los 80's

La mejor música de la historia

Molly Balloon's Blog

Identity + Dressing + Colour

El OJO PUBLICO. / Глаз общественности

Ver para contar & contar para ver. / Чтобы рассказать

Think Creative Idea

Marketing, publicidad, web y negocios

Social Media y más

Social Media, Redes Sociales, Marketing, SEO

The Coaching Alliance

El camino hacia el éxito

Luces y sombras de las marcas

Social Media, Marketing y Comunicación

CNN en Español: Ultimas Noticias de Estados Unidos, Latinoamérica y el Mundo, Opinión y Videos

Ultimas Noticias de Estados Unidos, Latinoamérica y el Mundo, Opinión y Videos

Javier GM Photography - México y más.

“A great photograph is a full expression of what one feels about what is being photographed in the deepest sense, and is, thereby, a true expression of what one feels about life in its entirety.” ~ Ansel Adams

Natalia Gómez del Pozuelo

Experta en comunicación y oratoria

aloyn

Alimentación, ocio y negocios, ALOYN, es un Grupo dirigido a Directivos y Propietarios de empresas, interesados en el mundo de la industria de alimentación y bebidas. Tanto por la parte de la industria productora como por la parte de la industria consumidora y/o distribuidora (Distribución Comercial, Horeca, Vending, Venta Directa, etc). También nos interesan las actividades ligadas al agroturismo y el enoturismo como magníficas actividades de promoción y difusión de la cultura gastronómica.

Blog de Jack Moreno

Un blog de Joaquín Moreno sobre recursos, literatura y ciencia ficción

Mashamour

Ensalada de Manjares

Infographic List

For those who love Infographics - www.infographiclist.com

URieLaRtE

hoy es el primer dia del resto de tu vida

be.blog

be. Intelligent Multimedia Education

unmonodelsiglo21

Un pequeño espacio virtual para pasarla bien

Curso Web 2.0

Diseña tu sitio web gratis y consigue visitas!

~~Mente en Gravedad~~

************************************************************************************************************

Seguir

Recibe cada nueva publicación en tu buzón de correo electrónico.

Únete a otros 4.353 seguidores

%d personas les gusta esto: