Artículos
-
CSSCómo animar bordes discontinuos con CSS
Los bordes decorados pueden adornar cualquier elemento de una página, pero están bastante limitados por estilo. Los desarrolladores frecuentemente prueban soluciones como bordes con CSS-gradient, bordes SVG, multiples bordes y demás para imitar y mejorar el aspecto de los bordes de un elemento...
-
CSSEmular 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 cuen...
-
CSSCó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.
-
CSSTablas 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 resoluc...
-
CSSCentrado 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 c...
-
CSSDar 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.
-
CSSCargar 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 probab...
-
CSSUtilizar 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áge...
-
CSSEncuentra 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...
-
CSSMostrar 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 ma...