Una guía de estilo, o de pautas, es un documento activo que detalla el código visual de todos los elementos y módulos de un sitio web o aplicación; incluyendo el lenguaje visual, estilos de encabezados, paletas de color...

Are you a Web designer who is looking for the best HTML and CSS frameworks ? We have recommendations for you.

CSS ha evolucionado exponencialmente a lo largo de los años. Pasamos de diseñar con tablas y elementos feos e incómodos a crear de forma fácil sombras, bordes redondeados, tipografías personalizadas, diseñar la barra de scroll e incluso crear animaciones con CSS Sprites, como os voy a enseñar en este artículo. Aunque, en vez de lograr una animación continua de inicio a fin con cada keyframe de la imagen, con CSS Sprites podemos crearlo por pasos, es decir, steps(), gracias a TeamTreeHouse.

Velocity.js nos permite la creación y aplicación de animaciones y patrones de movimiento en nuestras aplicaciones Web, de forma sencilla.

Parodia del anuncio de la Lotería de Navidad 2014, elaborado únicamente con HTML y CSS. Visualizar obligatoriamente con navegador Chrome o Chromium.

Acamica es una plataforma de cursos online gratuitos y en la que también podemos realizar una carrera completa de Diseñador web o Desarrollador web. Es una excelente plataforma para formarnos como desarrolladores o diseñadores, además de esto ofrecen cursos de JavaScript, Node.js, AngularJS, HTML, CSS, LESS, SASS, Bootstrap, Foundation, Java, Objective-C, iOS, Android, PHP, Ruby, MongoDB, C, Qt, QML...

Contrariamente a la creencia popular, CSS no sólo se utiliza para proporcionar estilo a una página web con el fin de hacer que se vea más atractiva. Hay un montón de cosas que uno puede hacer con CSS. CSS tiene la capacidad de crear animaciones e interacciones, CSS junto con HTML y Javascript

¿Sabías que hay una forma muy sencilla de crear animaciones con sprites en CSS? En esta guía o tutorial te explico cómo crearlas.

Muchos webmasters hemos recibido recientemente un email de Google con el asunto "El robot de Google no puede acceder a los archivos CSS y JS". El problema es que Google no puede indexar bien nuestro sitio web.

El próximo Lunes 7 de Septiembre, va a comenzar un curso gratuito para "Aprender programación Web". Será un curso de iniciación para personas que no tienen conocimientos de programación o que se están iniciando. La metodología del curso consta de clases mediante streaming en directo con chat en tiempo real, grabación de las clases, foro de dudas y evaluación final con el que podrás obtener diploma acreditativo.

Si visitas la web de Google sin estilos CSS, ves una imagen que es invisible al navegar con normalidad. Tirando del hilo, encontramos un directorio de iconos y logotipos, algunos de varios años atrás.

Estas webs y canales de YouTube te ayudarán a aprender CSS y a desenvolverte con toda agilidad con esta clase de lenguaje. Intuitivo y con múltiples opciones de personalización, CSS (Cascading Style Sheets u Hojas de estilo personalizadas) es un lenguaje que se emplea en la presentación de documentos HTML o páginas web, un sistema que nos permite organizar su aspecto y presentación y que se utiliza para dotarla de tipos y tamaños de letra, colores, etcétera; entre otros.

Una librería ligera para emular en las imágenes los filtros de Instagram con los modos de fusión y filtros css.

O "Manejo `responsive´ de texto con el elemento <text> de SVG". Las diapositivas o slides de la conferencia en "CSS Dev Conf 2015" de Brenna O'Brien sobre el manejo de textos en SVG (gráficos vectoriales escalables). Entre otras cuestiones trata aspectos sobre el elemento <text> y sus asociados: "Responsive texts"; textos curvos o cómo rellenarlos con un gradientes, imágenes o vídeo; su animación con 'animate', css y js... Incluye enlaces a las distintas demos.

26 formas totalmente distintas de centrar elementos con css y algunas de sus variaciones: en la horizontal, la vertical o ambas. Elementos de bloque, línea, posiciones absolutas, relativas, de tamaños conocidos o ignorados, cajas, textos, imágenes... Desde las soluciones de CSS2 a las más nuevas de CSS3: en el flexbox, el grid layout o el nuevo módulo CSS Box Alignment.

Todos damos por sentado que cuando presionamos la tecla entrar después de escribir la URL en la barra de direcciones de los navegadores sucede la magia. El navegador recibe nuestro HTML, que luego solicita todas las dependencias, a continuación un poco de magia, siguen sucediendo cosas y, finalmente, queda dibujada la página web que hemos pedido. Sencillo, ¿verdad?

Un forma divertida y distendida para conocer el flexbox de CSS. Al escribir alguna declaración del grupo del flexbox sus efectos se ven reflejados en el comportamiento del elemento, que en este caso está representado por una rana. Se podría decir que "Aprende el Flexbox de la mano, digo ancas, de una simpática rana."

En el tutorial de hoy vamos a hablar de una propiedad CSS que nos ahorrará muchos quebraderos de cabeza y sobretodo evitar el uso de Javascript o jQuery. Lo que hace de la propiedad hover una propiedad superutil es su facilidad para hacer cualquier función con tan solo pasar por encima del elemento al que se le aplica la propiedad.

Recopilación de demos con temática Star Wars realizadas en su mayor parte con CSS o SVG. Entre otros, recreaciones de la intro de apertura, sables laser, Stormtroopers, R2D2, BB-8 o alguna nave. Algunos pens cuentan con algo de Javascript para darles un plus de vistosidad o funcionamiento.

¿El menú "modo de fusión" o "blending mode" de Photoshop? Ahora lo tienes, casi en su integridad, disponible directamente en el más puro CSS3. Con este tutorial podrás desatar tu hechicería "photoshopera" en la web.

En este curso aprenderemos a maquetar sitios Web con HTML5 y a brindar estilos con CSS. No necesitas conocimientos previos, pues empezaremos desde cero con una serie de ejemplos prácticos y al término del curso, desarrollaremos un proyecto real en el cual aplicaremos todo lo aprendido