Media queries
Las media queries son uno de los elementos clave para realizar un diseño web adaptable o adaptativo (responsive web design). Desde junio de 2012, son una recomendación (estándar) del W3C: Media Queries.
Tag: diseño
Flat UI
Flat UI es otro framework de CSS, ¿cuántos van ya?, basado en Bootstrap que permite realizar diseños flat design, que es la última tendencia, “lo que mola”, en el diseño web actual. Si no sabes qué es, recuerda el diseño actual …
¿Es robusto o frágil tu diseño adaptable?
Muy interesante el artículo Is Your Responsive Web Design Too Fragile?, en el que se explica que cuando se emplea una regla como min-width: XXXpx en CSS, XXX no significa lo mismo en todos los navegadores, porque algunos incluyen la …
Pequeños detalles
Acabo de descubrir un sitio web que es una joya: Little Big Details, Pequeños grandes detalles. Es un sitio web sencillo, pero con una idea genial: mostrar pequeños detalles de algunos sitios web que marcan una gran diferencia en su …
MIN: examina la base de un sitio web
MIN es un bookmarlet o favlet, es decir, un fragmento de script que se almacena en el navegador como favorito y que permite realizar una función. MIN elimina cualquier decoración de un sitio web, como el color, los bordes y …
Análisis del diseño de 10 sitios web de marcas punteras
El artículo Website Design Analysis Of Ten World Class Brands realiza un pequeño análisis del diseño de 10 sitios web de marcas famosas: Apple, Amazon, Starbucks, Johnson & Johnson, BMW, Intel, Wells Fargo, Ralph Lauren, St. Jude Medical y Costco …
Análisis del diseño de 10 sitios web de marcas punteras Leer más »
Cómo utilizar JavaScript en sitios web con diseño adaptable
En el artículo Managing JavaScript on Responsive Websites explican cómo trabajar con JavaScript cuando se emplea un diseño web adaptable o adaptativo. Por ejemplo, ¿qué pasa si tenemos un diseño web adaptable de una página web y en una resolución …
Cómo utilizar JavaScript en sitios web con diseño adaptable Leer más »
Vista de diseño adaptable en Mozilla Firefox
En Mozilla Firefox 16 (quizás ya estaba en la 15) podemos encontrar la herramienta “Vista de diseño adaptable”: Y aquí una prueba con la web de la Universidad de Alicante, que no es adaptable:
Si no ayuda, no lo pongas
Before adding a design element to your site, ask yourself: Does it simplify the user’s task? Does it add value to the user? If the answer is “no”, eliminate it. Traducción: Antes de añadir un elemento de diseño a tu …
Uno de los primeros artículos sobre diseño adaptable
El artículo Responsive Web Design, del 25 de mayo de 2010 y publicado en A List Apart es quizás uno de los primeros artículos que utilizó el termino responsive web design. Recordemos que en español se puede decir diseño adaptable …
Uno de los primeros artículos sobre diseño adaptable Leer más »