Diseño web adaptativo es la capacidad que tiene un sitio web para ser visualizado correctamente independientemente del dispositivo desde donde se accede. No se trata exclusivamente de reacomodar la información sino de presentar el contenido de manera óptima para el usuario.
Templates
Media Queries
@media only screen and (max-width: 280px){
}
Los Media Queries, son una excelente forma de entregar diferentes estilos para diferentes dispositivos, y proveer la mejor experiencia para cada tipo de usuario. Como parte de la especificación CSS3, los Media Queries expanden el rol del atributo media, que controla como se aplican los estilos. Por ejemplo: se ha vuelto una práctica común por años el uso de una hoja de estilos por separado para imprimir sitios web al especificar media = “print”. Los Media Queries, llevan esta idea al siguiente nivel, al permitir a los diseñadores asignar estilos basados en las propiedades de un dispositivo, como el ancho de pantalla, orientación y así sucesivamente.
javascript
if(document.all){
type = window.innerWidth;
}else{
type = document.body.offsetWidth;
}
if(type < 481){
document. getElementById("social"). style.display = "none";
}
Si un navegador Web o móvil no llegase a soportar CSS3; desestimará completamente el uso de media queries. Una alternativa a este problema es el uso de condicionales javascript que detecten el ancho del navegador y la asignación de estilos a traves de javascript.
Accesibilidad
Es el grado en el que todas las personas pueden utilizar un objeto, visitar un lugar o acceder a un servicio, independiente de sus capacidades físicas, cognitivas y técnicas.
Relacionado a Internet se refiere a qué tan apto se encuentra el contenido de un sitio para ser interpretado por todos los usuarios, independientemente de sus limitaciones fisiológicas y tecnológicas.
Usabilidad
Facilidad con que las personas pueden utilizar una herramienta u objeto fabricado por otras personas con el fin de alcanzar un objetivo en concreto.
En el diseño Web, se refiere exclusivamente a que tan beneficiosa es la experiencia de uso de una interfaz gráfica interactiva.
Graceful Degradation
La degradación elegante es la propiedad que habilita a un sistema a seguir funcionando luego de haber ocurrido un error.
El decrecimiento del sistema es proporcional a la gravedad del error.
Esta no es una propiedad exclusiva de las máquinas sino también aplicada a las interfaces de usuarios y su capacidad para tolerar los errores.
Progressive Enhancement
La mejora progresiva es una estrategia del diseño web que hace hincapié en la accesibilidad de los sitios web, su semántica HTML/CSS y las tecnologías de secuencias de comandos.
El objetivo es ir mejorando el aspecto y la funcionalidad de acuerdo a las capacidades de los nuevos navegadores.