Diseño web adaptable

Origen

Tanto la idea como el propósito del diseño web adaptable fueron previamente discutidos y descritos por el consorcio W3C en julio de 2008 en su recomendación "Mobile Web Best Practices" bajo el subtítulo "One Web".2

Dicha recomendación, aunque específica para dispositivos móviles, puntualiza que está hecha en el contexto de "One Web", y que por lo tanto engloba no solo la experiencia de navegación en dispositivos móviles sino también en dispositivos de mayor resolución de pantalla como dispositivos de sobremesa.3

El concepto de "One Web" hace referencia a la idea de construir una Web para todos (Web for All) y accesible desde cualquier tipo de dispositivo (Web on Everything).4

Hoy en día, la variedad de dispositivos existentes en el mercado ha provocado que la información disponible no sea accesible desde todos los dispositivos, o bien es accesible pero la experiencia de navegación es muy pobre.

Ventajas

El uso de dispositivos móviles está creciendo a un ritmo increíble, dispositivos como tablets y smartphones han incrementado sus ventas en los últimos años y la navegación en Internet mediante estos dispositivos es cada vez más común. Ese es el motivo por el que el diseño web adaptable se ha vuelto tan popular, pues es una técnica que proporciona una solución web que puede manejar la visualización web tanto de escritorio como de dispositivos.

Con una sola versión en HTML y CSS se cubren todas las resoluciones de pantalla, es decir, el sitio web creado estará optimizado para todo tipo de dispositivos: PCs, tabletas, teléfonos móviles, etc. Esto mejora la experiencia de usuario a diferencia de lo que ocurre, por ejemplo, con sitios web de ancho fijo cuando se acceden desde dispositivos móviles.

De esta forma se reducen los costes de creación y mantenimiento cuando el diseño de las pantallas es similar entre dispositivos de distintos tamaños.

También se supone que evita tener que desarrollar aplicaciones ad-hoc para versiones móviles, o no, por ejemplo, una aplicación específica para iPhone, otra para móviles Android, etc.5 , aunque hoy en día las webs para móviles todavía no pueden realizar las mismas funciones que las aplicaciones nativas.

Desde el punto de vista de la optimización de motores de búsqueda, sólo aparecería una URL en los resultados de búsqueda, con lo cual se ahorran redirecciones y los fallos que se derivan de éstas. También se evitarían errores al acceder al sitio web en concreto desde los llamados "social links", es decir, desde enlaces que los usuarios comparten en medios sociales tales como Facebook, Twitter, etc y que pueden acabar en error dependiendo de qué enlace se copió (desde qué dispositivo se copió) y desde qué dispositivo se accede.6

Funcionamiento del Diseño Web Adaptable

El Responsive Web Design se hace posible gracias a la introducción de las Media Queries en las propiedades de los Estilos CCS en su versión número 3. Las media queries son una serie de órdenes que se incluyen en la hoja de estilos que indica al documento HTML cómo debe comportarse en diferentes resoluciones de pantalla.7

Para entenderlo mejor, los diseños de las Páginas Web, al igual que los periódicos y las revistas, están basados en columnas, entonces con la filosofía del Diseño Adaptativo, si una web a resolución de PC (1028x768 px) tiene 5 columnas, para una Tablet (800x600 px) necesitaría sólo 4, y en el caso de un smartphone cuyo ancho suele ser entre 320 px y 480 px las columnas usadas serían 3.

Sobre el autor

Admin

Hola! me llamo Sergio Romero, trabajo en una consultoría estratégica de marketing online, llamada Cerotec Estudios. Llevo más de 12 años dedicados al mundo de internet, al SEO, SEM y SMM. Además me encanta programar.

Comentarios (2836)

avatar

PM

Arlene | 12 de Diciembre del 2016

good info we have here what your comments on our post concerning wsop hack

avatar

CZ

Kyle | 12 de Diciembre del 2016

great info you\'s have here what are everybody\'s thoughts on mine web post with regards to hack wsop

avatar

DP

Jaxon | 13 de Diciembre del 2016

wonderful info you got here what are everybodys comments at \r\nour page dealing with pixel gun 3d hack ios

avatar

ZC

Kelli | 13 de Diciembre del 2016

fantastic information you guys have at this point what are your \r\nfirst thoughts on here web site about wsop hack

avatar

WF

Oma | 13 de Diciembre del 2016

fantastic website you\'s have at this point what are everybodys first \r\nimpressions on mine post dealing with wsop hack apk

avatar

MT

Blythe | 13 de Diciembre del 2016

cool intel you guys have here what is everyones first impressions on our web site referring to wsop cheat engine

avatar

QE

Olivia | 13 de Diciembre del 2016

cheap jerseys 2012 china baseball jersey wholesale

avatar

NH

Virgil | 14 de Diciembre del 2016

great post we have at this point what anyone\'s comments \r\non mine post relating to netflix account tips

avatar

ZA

Genesis | 14 de Diciembre del 2016

wonderful intel we have at this time what are everybodys opinion on our web page on Fun Run 2 Cheats Tool

avatar

ZX

Mauricio | 14 de Diciembre del 2016

awesome information you got at this time what is everyones \r\ncomments on here web post in connection with \r\n8 ball pool hack tool 2016

avatar

RX

Octavio | 14 de Diciembre del 2016

nice site you\'ve got at this point what everyone\'s thoughts with our site in respect to pixel gun 3d hack no download

avatar

TU

Duane | 15 de Diciembre del 2016

précise toi qu\'aujourd\'hui, l\'article même de Star Wars Trilogie originale lève suffisamment clichée (finalement, elle l\'soutient évoluée) et se tape dans pas mal du bouquin (pour gosse, Fantasy, Fantastique, SF ect) >generatuer fifa 17

avatar

XQ

Tawnya | 15 de Diciembre del 2016

very nice website we here what anyone\'s comments at our site \r\nin connection with ourworld gem codes 2016

avatar

HT

Martha | 17 de Diciembre del 2016

There\'s no complicated or frustrating counting of calories fifth \r\nharmony tour vip to publicize the seriousness in the issue, she has taken up regularly seeing the homes of older folks being a strategy to put pressure about the legislature to take the issue.

avatar

CA

Glory | 17 de Diciembre del 2016

brilliant information you\'ve got at this time what is you\'re first impressions with our web post about Dragon City Hack

avatar

ES

Stella | 17 de Diciembre del 2016

fantastic intel we have at this point how everyone\'s opinion at our \r\nweb page on the subject of blood strike cheat

avatar

QF

Hannelore | 18 de Diciembre del 2016

good site you have here what are everybody\'s comments on here website concerning bubble witch saga 2 cheats

avatar

YL

Velma | 23 de Diciembre del 2016

baseball jersey sizing Ьеѕt nfl jerseys fгom \r\nchina

avatar

ZS

Liza | 26 de Diciembre del 2016

nba retro jerseys cheap wholesale sports jerseys ᥙѕa

avatar

PI

Charis | 28 de Diciembre del 2016

cheap jerseys wholesalers (ventanasybarandasvidrialum.сom) official nfl jersey

avatar

VR

Bud | 29 de Diciembre del 2016

awesome intel we at this point how everybody\'s comments at our web page about itunes gift card codes unused

avatar

GD

Miriam | 29 de Diciembre del 2016

nfl peronalized jersey chinese jerseys wholesale

avatar

VtZ1sCmJ

YtufYxe9 | 29 de Diciembre del 2016

Hello! I just wanted to ask if you ever have any issues with hackers?My last blog (wsropresd) was hacked and I ended up losing several weeksof hard work due to no back up. Do you have any methods to stop hackers?My blog post –

avatar

SQf9owCGJGj5

GIx6cU1MmH | 29 de Diciembre del 2016

Todnwuohc! That\'s a really cool way of putting it!

avatar

04GIKBBu7kN

KyUeqSFmHmx | 29 de Diciembre del 2016

Hey, that\'s pourefwl. Thanks for the news.

avatar

80ej8846

RusI13V2hC | 30 de Diciembre del 2016

Went mountain biking today and tracked my ride using endomondo (free version) with GPS turned on and HRM connected thru ANT+. 43% battery left after 4.5 hours, recharged it with my Sanyo mobile booster (brought it along just in case) to 58% and continued to ride for 3.5 hours more and was left with 13% when I reached home. This equates to about 12.7% battery life per hour of usage. Phone was also used to take photos and videos along the way and was connected to 3G thuhrgoout the ride.

avatar

AXZBZKsZMkiO

LxghHI4v7In | 30 de Diciembre del 2016

her prose is beouuifulWHAAAT?!?Thatgh not an objectivist, I could make an intellectual argument about Rand\'s value as an individualist counterweight to pernicious collectivist social forces, and her calling it on communism long before it was popular among intellectuals to do so.Arguing that the author of the 87 page speech, and the treatise on the glory of Howard Roark\'s raping Dagney Taggart (or whatever her name was) wrote beautiful prose is not where I\'d start.

avatar

h9vcuzXQmu

99euvqXJIi | 30 de Diciembre del 2016

Hi, i read your blog from time to time and i own a similar one and i was just wondering if you get a lot of spam responses? If so how do you stop it, any plugin or anything you can suggest? I get so much lately it’s driving me insane so any assistance is very much apitdcparee.

avatar

Un5rQiBRA3h

CAziAS2AfY | 30 de Diciembre del 2016

Ya learn soemnhitg new everyday. It\'s true I guess!

avatar

paOHitLB

BC2pc6IKiDA | 30 de Diciembre del 2016

Weeeee, what a quick and easy sootuiln.

avatar

UmN2CGNCpott

NeHagVvzkIWz | 30 de Diciembre del 2016

Hats off to wheover wrote this up and posted it.

avatar

tUrWnktOC0QW

Ppi7mvcx | 30 de Diciembre del 2016

Yup, that\'ll do it. You have my apretciapion.

avatar

hygYSkH9CRU1

ehOyfiLK70g4 | 30 de Diciembre del 2016

Your thniking matches mine - great minds think alike!

avatar

BK

Kandice | 01 de Enero del 2017

Appreciate it for sharing this great web page.

avatar

TA

Britney | 04 de Enero del 2017

Are you aware that Nazeboo.com is one of the best hosting providers for Gertrude the best game hosting provider

avatar

UF

Ona | 04 de Enero del 2017

cheaap nfl football jersey cheap jerseys $18

avatar

HT

Theo | 09 de Enero del 2017

Thank you for sharing this well put together website.

avatar

MA

Latisha | 11 de Enero del 2017

nfl jersey ρrices cheap penguin jerseys

avatar

WT

Eusebia | 14 de Enero del 2017

Thank you so much! It is definitely an incredible web page.

Deja un comentario