En esta sección recopilamos nuestros escritos sobre CSS. Encontrarás recursos con enlaces muy interesantes con ejemplos para inspirarte, tutoriales para los que están empezando y quieran aprender a manejar CSS, las nuevas propiedades de CSS3 y por supuesto todo lo referente a media queries fundamentales para diseño web responsive. Empieza a controlas las hojas de estilo de tu web desde cero!
Continuamos con la introducción a CSS Grid, centrándonos en esta ocasión en como posicionar los diferentes elementos de nuestra web dentro de la rejilla que vimos como realizar con anterioridad, y los diferentes métodos que podemos usar para hacerlo.
Desde principios de año, CSS Grid viene habilitado por defecto en los navegadores webs más usado, por lo que es el momento ideal para aprender a usar este módulo de CSS e incorporarlo a nuestro flujo de trabajo.
Tras la reciente compatibilidad de CSS Grid con las últimas versiones de los navegadores más usados, se alza como una alternativa a Flexbox. Por ello, vamos a ver algunos detalles que diferencian uno de otro mediante un pequeño ejemplo, para poder comprobar que las diferencian, y como pueden encajar mejor en nuestras necesidades.
Este va a ser un año emocionante en cuanto a tendencias en diseño web se refiere. Veremos como varía la forma y herramientas de trabajo del diseñador y maquetador web con las últimas especificaciones de CSS y donde encontrar inspiración para los nuevos proyectos.
Aprovechando las fiestas hemos diseñado una felicitación de navidad y con algunas animaciones en CSS e ilustraciones en SVG, todo ello aderezado con un poco de diseño responsive y un par de regalos. ¿Ya has visto que pasa cuando cambias el tamaño de tu navegador?
Atom es un editor de código abierto desarrollado por el mismo equipo de GitHub, siendo una de sus características más notables su alta personalización. Aquí os dejamos nuestras 9 extensiones imprescindibles para trabajar con él y con las que podremos mejorar nuestro flujo de trabajo.
Seguimos con la segunda parte del tutorial sobre cómo funciona una web. En este caso le toca el turno al CSS, lenguaje muy querido en SiloCreativo. Hablaremos de versiones, selectores y enlaces de utilidad.
HTML es el lenguaje base para diseño web. En esta primera parte del tutorial básico sobre cómo funciona una web veremos que son los atributos, las etiquetas de apertura y cierre y cómo conjugar HTML con CSS.
En el diseño web responsive necesitamos que algunas reglas CSS que nos permitan aplicar estilos según qué tamaño tiene la pantalla de nuestra resolución, pudiendo adaptar el diseño a todos los dispositivos, móviles, tablets, escritorio…
El inspector de código de los navegadores web es una herramienta muy útil y potente para conocer el CSS, HTML y JS de una web. Además, con las opciones de previsualización podremos ver los cambios de diseño en vivo y testear el diseño web responsive.
Ventajas e inconvenientes de usar un framework CSS a la hora de maquetar una web. Revisamos cuáles son las alternativas y las librearías más usadas dependiendo del tipo de proyecto.
Hoy vamos a mejorar nuestra forma de escribir CSS con estos sencillos consejos sobre los editores de texto, qué Reset utilizar, como nombrar correctamente a las clases y cómo comentar y organizar nuestro CSS dentro de un proyecto de diseño web.
Uno de los elementos más útiles de CSS3 son los gradientes, con los que podemos crear geniales degradados para un fondo, una cabecera o un bloque de texto concreto. Veamos en el siguiente tutorial cómo crearlos.
Os traemos un buen puñado de recursos para diseño web en forma de CSS, como iconos con pseudoelementos, un enciclopedia de CSS, plantillas para hacer tu guía de estilos y algunos más para inspirarte. No esperes encontrar una lista enorme, ya sabes que aquí somos fans de la calidad por encima de la cantidad. Espero que os sirvan!