Artículos

  • CSS 0

    Cómo crear un fondo de vídeo a pantalla completa mediante CSS

    En este tutorial veremos cómo crear un fondo de vídeo a pantalla completa mediante CSS. Es muy simple y fácil de implementar, y se ve espectacular sobre todo en las landing pages. En este tutorial utilizaremos el tag de HTML5 para embeber el vídeo y CSS para poner el vídeo en el background de la...

  • CSS 0

    Utilizando Flexbox para crear una sección de comentarios responsive

    Flexbox es una nueva y poderosa manera de llevar a cabo diseños, que hace que algunos de los aspectos más desafiantes del desarrollo web sean triviales. Casi todos los navegadores que se usan hoy en día lo soportan, por lo que es un buen momento para ver cómo puede encajar en tu típico día a día ...

  • CSS 0

    Cómo crear un menú fijo en tres sencillos pasos

    Los menús fijos son una tendencia en el diseño web hoy en día. Lucen bien, y son super útiles para los visitantes. Hoy, te mostraré cómo crear un ligero, funcional y bonito menú fijo para tu sitio web o para tu blog de WordPress.

  • CSS 0

    Como crear un placeholder como el de Facebook cuando está cargando con CSS

    Seguramente te has dado cuenta de que, cuando abres Facebook, antes de que se carguen los datos, carga un placeholder simulando la colocación de textos e imágenes de los paneles de la red social. Son a modo de cuadrados grises, en plan mockup, los cuales indican al usuario que el contenido ha de ...

  • CSS 0

    Cómo hacer un footer fijo sin morir en el intento

    A la hora de hacer el diseño de una web, en cierto punto es posible que te hayas topado con esto. Este error de diseño se debe a que el footer está posicionado estáticamente al final del body, pero la página no tiene mucho contenido. No existe nada que empuje el footer lo suficiente y por ello, s...

  • CSS 0

    Introducción a los contadores de CSS

    Como desarrolladores web, representar la información de forma adecuada es muy importante. Una forma de mostrar correctamente la información es denotar la jerarquía, respondiendo a la pregunta de "¿quién va primero?".

  • CSS 0

    Buenas prácticas para un CSS eficiente y mantenible

    Pasa el tiempo y la especificación CSS se hace más grande. Desarrollar hojas de estilo eficientes y mantenibles se ha convirtido en algo más complicado que antes. He aquí un resumen de buenas prácticas, herramientas y consejos para producir archivos CSS super limpios, optimizados y fáciles de man...

  • CSS 0

    Usos creativos de la pseudo clase de css :target

    CSS3 ha introducido un buen puñado de nuevas pseudo-clases. En este artículo, vamos a echar un vistazo al selector :target, para luego ver lo útil que puede llegar a ser en el día a día para un desarrollador front-end.

  • CSS 0

    20 consejos para escribir CSS moderno - Parte 2

    En este post quiero compartir con vosotros una serie de 20 útiles consejos y buenas prácticas recomendados por la comunidad de CSS. Algunos están más enfocados a principiantes, y algunos son un poco más avanzados, pero espero que todo el mundo encuentre un buen truco que no conociese. ¡A disfrutar!

  • CSS 0

    20 consejos para escribir CSS moderno - Parte 1

    En este post quiero compartir con vosotros una serie de 20 útiles consejos y buenas prácticas recomendados por la comunidad de CSS. Algunos están más enfocados a principiantes, y algunos son un poco más avanzados, pero espero que todo el mundo encuentre un buen truco que no conociese. ¡A disfrutar!