Artículos

  • CSS 0

    Emular el filtro Invert con Sass

    Después de encontrar la manera de obtener el resultado del filtro invertido para un fondo sólido, la siguiente idea que me vino a la mente, naturalmente, era emular esto mismo con Sass con el fin de reproducir el efecto del filtro para todos los navegadores que no soportan filtros. Sass ya cuenta...

  • CSS 0

    Cómo crear un cubo en CSS

    Los cubos CSS realmente son un reflejo de lo que es posible crear en los últimos años mediante este lenguaje de diseño. La evolución de las directivas de color y dimensión han hecho que este lenguaje sea capaz de crear elementos visuales y creativos complejos.

  • CSS 0

    Tablas HTML responsive mediante media queries de CSS

    En el mundo moderno del desarrollo web es muy importante que todas las páginas procuren tener un diseño responsive. ¿Qué significa tener un diseño responsive? Pues hablamos de diseño responsive cuando el diseño de una web se ve correctamente en todos los dispositivos y en todas las resoluciones. ...

  • CSS 0

    Centrado vertical con CSS

    El desarrollo front-end es algo maravilloso, y cada día que pasa, se vuelve mucho más mágico. Hoy en día contamos con tantos conceptos, metodologías, buenas prácticas y demás cosas para hacer nuestro trabajo, que cada vez es más fácil hacer prácticas más asombrosas. Javascript (junto con sus innu...

  • CSS 0

    Dar un estilo distinto a los enlaces externos con CSS

    Dar un estilo distinto al habitual a los enlaces externos de nuestra web es un práctica habitual en muchas páginas web informativas, como por ejemplo Wikipedia. Como usuario, es un placer que un enlace en el cual vas a hacer clic te va a redireccionar hacia una página externa.

  • CSS 0

    Cargar ficheros CSS vía AMD con XStyle

    Los AMD loaders nos están dejando cargar casi cualquier cosa: módulos de AMD, archivos básicos de JavaScript (de cualquier origen), archivos de texto (plantillas HTML, por ejemplo), y más. Desafortunadamente la mayoría de los loaders no tienen capacidades para cargar archivos CSS, muy probablemen...

  • CSS 0

    Utilizar FontAwesome sin los tags de cursiva

    Si no has usado nunca una librería de iconos glifo como Font Awesome antes, en realidad estás perdiendo el tiempo. Son increíblemente útiles, flexible y son fáciles de implementar a través de markups. Con dicha librería tendremos acceso a cientos de iconos, sin necesidad de llamar a imágenes exte...

  • CSS 0

    Encuentra el CSS inservible con uncss

    ¿Sabes que es mejor que añadir nuevas características a un sitio web o una aplicación, desde la perspectiva del código? Eliminar las que no necesita. Ya se trate de código, imágenes, dependencias... el deshacerse del código inservible es como el primer sorbo de un vaso de vino después de un largo...

  • CSS 0

    Mostrar imágenes en escala de grises con los filtros CSS

    Los filtros CSS aún no son ampliamente soportados por los principales navegadores, pero son realmente impresionantes y, la verdad, una necesidad moderna dentro de las imágenes que se muestran en la web. Los filtros CSS permiten modificar la visualización de imágenes en una gran variedad de manera...

  • CSS 0

    9 trucos de CSS que seguramente has pasado por alto

    Hay un montón de snippets CSS que los desarrolladores web utilizan para lograr ciertos resultados, y luego hay ciertos truquillos de CSS que se pueden aplicar para cosas como la alineación de contenido verticalmente. Al ser CSS una entidad en constante evolución, una y otra vez tropezamos con tru...