Según la Wikipedia, un glitch es un error que no afecta negativamente al rendimiento, jugabilidad o estabilidad del programa o juego. No se considera un error de software, sino más bien una característica no prevista. A nivel visual, se ilustran con un fallo de renderización gráfica y textos distorsionados. ¿Te gustaría añadir un efecto «glitch» a tus …
Las listas ordenadas < ol > < li > < /li > < / ol > (sin espacios) son realmente listados numerados que tradicionalmente no han tenido, más allá de color, tamaño y tipografía, muchos cambios a nivel de diseño Web. En el siguiente artítulo, y haciendo uso de los atributos CSS counter-increment y counter-reset …
¿Usas SVGs o formas en tu Web? Es un Cristo crearlos sólo a partir del código. Si bien puedes usar herramientas profesionales de diseño como Adobe Illustrator para exportar tus diseños vectoriales a SVG, quizás necesites algo ágil y rápido y en el ordenador en el que estés no tengas dichos programas de diseño. ¿Qué …
Responsive Design y Adaptive Design son dos conceptos que juntan una serie de técnicas útiles para hacer que una única versión de una página Web pueda «adaptarse» y servir para para diferentes resoluciones dispositivos: desktop, portátil, tablet y mobile. Los 9 principios básicos de un diseño «Responsive» son: 1. Diferenciar entre diseño Responsive y Adaptive 2. El …
¿Qué es redimensionar proporcionalmente? Pues que cambiando el ancho o el alto de una imagen (sólo uno de estos valores) su contrario se cambia de tal forma que la imagen no queda deformada; pudiéndose ver ésta pixelada o con mala calidad? ¿Qué me estás contando? Imagínate que tienes una foto de una cara, que mide …
La técnica del Responsive Desing indica que la estructura, contenidos, e incluso del diseño del Web se debe de adaptar para su correcta visualización y uso a las diferentes resoluciones soportadas, o más específicamente a los dispositivos soportados (ordenador, tablet y smartphone en la mayoría de los casos). Esto es sencillo de llevar a cabo en …