CSS archivos - Programando a medianoche https://www.programandoamedianoche.com/tag/css/ El blog de Scientia® Soluciones Informáticas Tue, 22 Sep 2020 14:21:55 +0000 es hourly 1 https://www.programandoamedianoche.com/wp-content/uploads/2023/02/cropped-pam-32x32.png CSS archivos - Programando a medianoche https://www.programandoamedianoche.com/tag/css/ 32 32 68103080 Propiedad clip-path https://www.programandoamedianoche.com/2019/09/propiedad-clip-path/ https://www.programandoamedianoche.com/2019/09/propiedad-clip-path/#comments Mon, 23 Sep 2019 14:24:42 +0000 https://www.programandoamedianoche.com/?p=3818 En este artículo te enseñaremos como utilizar la propiedad clip-path de css, crear áreas de recortes con imágenes en formato svg y animarlas.

La entrada Propiedad clip-path se publicó primero en Programando a medianoche.

]]> https://www.programandoamedianoche.com/2019/09/propiedad-clip-path/feed/ 3 3818 Cómo utilizar variables en CSS3 https://www.programandoamedianoche.com/2019/08/como-utilizar-variables-en-css3/ https://www.programandoamedianoche.com/2019/08/como-utilizar-variables-en-css3/#comments Wed, 21 Aug 2019 14:19:32 +0000 https://www.programandoamedianoche.com/?p=3755 En este nuevo tutorial te enseñaremos cómo utilizar las variables en css, aplicarlas en distintos casos y conocer la compatibilidad entre exploradores.

La entrada Cómo utilizar variables en CSS3 se publicó primero en Programando a medianoche.

]]> https://www.programandoamedianoche.com/2019/08/como-utilizar-variables-en-css3/feed/ 2 3755 Animaciones y efectos para usar en tu sitio web https://www.programandoamedianoche.com/2018/12/animaciones-y-efectos-para-usar-en-tu-sitio-web/ https://www.programandoamedianoche.com/2018/12/animaciones-y-efectos-para-usar-en-tu-sitio-web/#respond Tue, 04 Dec 2018 18:21:39 +0000 http://www.programandoamedianoche.com/?p=3307 En esta oportunidad te presentamos una serie de efectos y animaciones para embellecer tu sitio y hacerlo mas atractivo para los usuarios.

La entrada Animaciones y efectos para usar en tu sitio web se publicó primero en Programando a medianoche.

]]> https://www.programandoamedianoche.com/2018/12/animaciones-y-efectos-para-usar-en-tu-sitio-web/feed/ 0 3307 Efectos de textos con CSS https://www.programandoamedianoche.com/2018/11/efectos-de-textos-con-css/ https://www.programandoamedianoche.com/2018/11/efectos-de-textos-con-css/#comments Tue, 13 Nov 2018 15:29:18 +0000 http://www.programandoamedianoche.com/?p=3067 Hoy en día CSS3 nos trae la posibilidad de jugar con los textos y tipografías creativamente, se pueden renderizar efectos que antes sólo se podían hacer en Photoshop, e incluso nos permite agregarle animaciones bastantes creativas.
En este post te presentamos algunos efectos para textos sólo con Html y CSS.

La entrada Efectos de textos con CSS se publicó primero en Programando a medianoche.

]]> https://www.programandoamedianoche.com/2018/11/efectos-de-textos-con-css/feed/ 1 3067 Animaciones en scroll con Wow.js y Animate.css https://www.programandoamedianoche.com/2018/07/animaciones-en-scroll-con-wow-js-y-animate-css/ https://www.programandoamedianoche.com/2018/07/animaciones-en-scroll-con-wow-js-y-animate-css/#comments Tue, 17 Jul 2018 16:05:15 +0000 http://www.programandoamedianoche.com/?p=2893 En este articulo te explicaremos como utilizar las librerías Animate.css y Wow.js, para animar el contenido de nuestro sitio mientras hacemos scroll.

La entrada Animaciones en scroll con Wow.js y Animate.css se publicó primero en Programando a medianoche.

]]> https://www.programandoamedianoche.com/2018/07/animaciones-en-scroll-con-wow-js-y-animate-css/feed/ 12 2893 Animar menú de hamburguesa https://www.programandoamedianoche.com/2018/06/animar-menu-de-hamburguesa/ https://www.programandoamedianoche.com/2018/06/animar-menu-de-hamburguesa/#respond Tue, 12 Jun 2018 19:19:42 +0000 http://www.programandoamedianoche.com/?p=2823 Una de las tendencias web que se han utilizado en los últimos años es el menú de hamburguesa, cuya funcionalidad permite mostrar elementos que se encuentran ocultos en una sola interacción, lo que facilita la navegación y permiten dejar más espacio para el contenido.
En este tutorial te enseñaremos cómo realizar la animación para desplegar el menú, primero el icono se mostrará en estado de reposo cuando no se haya clickeado sobre él y al hacer click se mostrará como formará una X con los mismos elementos cuando se muestre desplegado.

La entrada Animar menú de hamburguesa se publicó primero en Programando a medianoche.

]]> https://www.programandoamedianoche.com/2018/06/animar-menu-de-hamburguesa/feed/ 0 2823 Conoce Flow Root la solución al desborde de un elemento con Float https://www.programandoamedianoche.com/2018/05/conoce-flow-root-la-solucion-al-desborde-de-un-elemento-con-float/ https://www.programandoamedianoche.com/2018/05/conoce-flow-root-la-solucion-al-desborde-de-un-elemento-con-float/#respond Mon, 21 May 2018 13:10:38 +0000 http://www.programandoamedianoche.com/?p=2859 Seguramente a muchos maquetadores les ha sucedido alguna vez el desborde de algún elemento que posea float (ya sea a la izquierda o derecha) dentro de algún contenedor, que genera un error en la visualización del elemento ya que pareciera que no ocupara espacio dentro del contenedor.
Por esa razón te presentamos Flow Root una de las soluciones a este inconveniente.

La entrada Conoce Flow Root la solución al desborde de un elemento con Float se publicó primero en Programando a medianoche.

]]> https://www.programandoamedianoche.com/2018/05/conoce-flow-root-la-solucion-al-desborde-de-un-elemento-con-float/feed/ 0 2859 Tips para hacer nuestro mail responsive https://www.programandoamedianoche.com/2018/04/tips-para-hacer-nuestro-mail-responsive/ https://www.programandoamedianoche.com/2018/04/tips-para-hacer-nuestro-mail-responsive/#respond Fri, 13 Apr 2018 14:07:56 +0000 http://www.programandoamedianoche.com/?p=2793 Cada día es mas seguro hacer mails que se adapten a dispositivos mobiles ya que cada vez son mas los clientes de correos que tienen soporte a CSS y a media queries, así que en este tutorial te indicaremos como hacer un mail con una distribución de grilla que sea responsive y disponer las columnas de manera que se adapten a nuestro diseño.

La entrada Tips para hacer nuestro mail responsive se publicó primero en Programando a medianoche.

]]> https://www.programandoamedianoche.com/2018/04/tips-para-hacer-nuestro-mail-responsive/feed/ 0 2793 Cómo funcionan EM y REM https://www.programandoamedianoche.com/2018/02/como-funcionan-em-y-rem/ https://www.programandoamedianoche.com/2018/02/como-funcionan-em-y-rem/#respond Thu, 01 Feb 2018 19:36:25 +0000 http://www.programandoamedianoche.com/?p=2625 Tanto em como rem son unidades flexibles, que dependen del valor establecido de la fuente de nuestro diseño. Usar estas unidades nos dan la capacidad de escalar elementos en vez de estar atados a tamaños fijos, lo que permite que sean responsive y que se adapten a distintos tamaños.

La entrada Cómo funcionan EM y REM se publicó primero en Programando a medianoche.

]]> https://www.programandoamedianoche.com/2018/02/como-funcionan-em-y-rem/feed/ 0 2625 Cómo funcionan las unidades de medida vh, vw, vmin y vmax https://www.programandoamedianoche.com/2018/01/como-funcionan-las-unidades-de-medida-vh-vw-vmin-y-vmax/ https://www.programandoamedianoche.com/2018/01/como-funcionan-las-unidades-de-medida-vh-vw-vmin-y-vmax/#comments Thu, 25 Jan 2018 20:03:00 +0000 http://www.programandoamedianoche.com/?p=2576 Cada día son mas los sitios web que se adaptan a todo tipo de dispositivos, las unidades de medida vh, vw, vmin y vmax permiten que los elementos se adapten al ancho y alto de la ventana lo que permite una correcta visualización de nuestro sitio web obteniendo una mejor experiencia de usuario.

La entrada Cómo funcionan las unidades de medida vh, vw, vmin y vmax se publicó primero en Programando a medianoche.

]]> https://www.programandoamedianoche.com/2018/01/como-funcionan-las-unidades-de-medida-vh-vw-vmin-y-vmax/feed/ 3 2576 Como hacer el efecto Flip con css y jquery https://www.programandoamedianoche.com/2018/01/como-hacer-el-efecto-flip-voltear-con-css-y-jquery/ https://www.programandoamedianoche.com/2018/01/como-hacer-el-efecto-flip-voltear-con-css-y-jquery/#comments Mon, 22 Jan 2018 15:45:02 +0000 http://www.programandoamedianoche.com/?p=2542 Las animaciones en tu sitio web hacen más interesantes e interactivos la navegación en el mismo, por eso en el ...
continuar leyendo

La entrada Como hacer el efecto Flip con css y jquery se publicó primero en Programando a medianoche.

]]> https://www.programandoamedianoche.com/2018/01/como-hacer-el-efecto-flip-voltear-con-css-y-jquery/feed/ 2 2542 Microsoft Ajax Minifier 4.0 https://www.programandoamedianoche.com/2010/02/microsoft-ajax-minifier-4-0/ https://www.programandoamedianoche.com/2010/02/microsoft-ajax-minifier-4-0/#respond Wed, 17 Feb 2010 13:35:06 +0000 http://www.programandoamedianoche.com/?p=857 Nueva versión del Microsoft Ajax Minifier 4.0, ahora con soporte para CSS.

La entrada Microsoft Ajax Minifier 4.0 se publicó primero en Programando a medianoche.

]]> https://www.programandoamedianoche.com/2010/02/microsoft-ajax-minifier-4-0/feed/ 0 857