HTML Reference y CSS Reference. Guías de consulta para etiquetas, atributos y propiedades.

Hoy os mostramos unos servicios que sirven como referencia a la hora de consultar, estudiar o conocer nuevas etiquetas HTML y CSS. Todos tenemos algún sitio web de referencia para consultar el funcionamiento de determinada etiqueta o propiedad cuando desarrollamos, y dependiendo de la organización del mismo y de su contenido es posible que en ocasiones perdamos un tiempo muy valioso.


Viewport units CSS. Qué es y cómo utilizar las unidades vh, vw, vmin y vmax

Las “unidades de longitud porcentuales de ventana de visualización” (viewport-percentage lengths) o más comúnmente llamadas viewport units son unidades css relativas a la ventana gráfica del navegador o visualizador.

El marco de referencia en anchura/altura de nuestro navegador donde se visualiza la web se establece desde el W3C como “Bloque inicial contenedor”…


Flexbox CSS3. Tutorial en español. Descripción y ejemplos HTML.

Hasta hace relativamente poco, podríamos incluso decir “todavía” si tu desarrollo requiere de una alta compatibilidad en versiones antiguas de navegadores, maquetar módulos adaptables para web tales como listados en filas de N bloques suponía crear una larga lista de estilos css que cambiaban según la resolución de los diferentes leer más…


UI/UX CSS. Maquetando elementos sin imágenes

En este artículo vamos a realizar un ejemplo práctico de desarrollo de elementos para una posible interfaz de usuario, donde veremos el potencial de CSS3 al realizar un diseño sin utilizar imágenes. Entre las ventajas que obtenemos al maquetar sin imágenes podemos destacar dos. La primera es que reducimos el leer más…


Menos framework y más código

En los últimos años ha aumentado de manera exponencial la producción de multitud de herramientas que tienden a facilitar el trabajo a desarrolladores y diseñadores.

Habrás escuchado hablar de plugins, frameworks y demás herramientas de diseño y desarrollo como Bootstrap, Wordpress u otras que crean tu propia web sin que tengamos que redactar código manualmente. Son herramientas que, inicialmente, hacen que la parte de diseño o desarrollo sea más fácil o rápida. Cierto es que algunas de ellas facilitan el trabajo pero lo que hay que tener claro es que no “valen para todo ni son útiles para todos”, las chisteras mágicas no existen (y si las hubiera por favor decidme donde conseguir una 😀 ).


Analítica y diseño

Dos términos que van de la mano analítica y diseño, y te preguntas… ¿qué tienen que ver los datos obtenidos desde una página o una campaña con el diseño o la interfaz de una web? A continuación, trato de explicarlo de una manera sencilla. En primer lugar, al realizar una leer más…


Nuestra web utiliza cookies. Ponemos en tu conocimiento que algunos de tus datos pueden ser archivados. Si quieres saber más haz click aquí.

X