Artículos

  • CSS 0

    Scrollbars personalizadas con CSS y Webkit

    Personalizar los scrollbars (o barras de desplazamiento) con el diseño de la interfaz de tu sitio web agrega un valor extra a tu sitio web. Mediante pseudo-elementos de CSS, puedes cambiar el estilo de las scrollbars de tu sitio web con estilos totalmente personalizados. En este tutorial, te most...

  • CSS 0

    Reproduce y pausa tus animaciones con WAIT! Animate

    Puedes llegar a hacer un montón de cosas con las animaciones CSS, pero pausar y reproducir en bucle una animación no es posible con la actual especificación W3. De todos modos, una herramienta gratuita cuyo nombres es WAIT! Animate puedes crear animaciones en bucle desde cero con delays personali...

  • CSS 0

    Cómo crear un Toggle Switch utilizando CSS

    Este tutorial te mostrará cómo crear un botón toggle switch con CSS. En tu proyecto, donde has colocado un checkbox para filtrar el contenido, tendrás que reemplazarlo por un toggle switch. El toggle switch añadirá una experiencia limpia a la funcionalidad por defecto del checkbox. El toggle swit...

  • CSS 0

    Mostrar la típica imagen de carga cuando cargue la página utilizando jQuery y CSS

    El tiempo de carga de una página depende de los elementos de dicha página. Es decir, si cuenta con muchos archivos como imágenes, Javascript o CSS, la velocidad de la página puede verse afectada para peor. Este problema afecta a casi todas las páginas, incluso a aquellas que están muy diseñadas. ...

  • CSS 0

    Cómo crear un sidebar flotante para compartir en redes sociales con CSS

    Las redes sociales son una parte muy importante de tu negocio online para poder conseguir aún más clientes. Los botones para compartir en redes sociales son muy útiles para todo sitio web que se precie y ayudan al usuario a mantenerse informado en todo momento de todas nuestras novedades. Es por ...

  • CSS 0

    Cómo añadir un efecto de zoom a una imagen al pasar por encima con el cursor

    Existen muchos plugins para insertar efectos especiales a las imágenes cuando se les pasa el cursor por encima. Todos esos plugins añaden un montón de código a la página, que terminan afectando a la velocidad de la web en sí. Si quieres utilizar muy poco código para así optimizar la carga de tu w...

  • CSS 0

    Cómo crear un tooltip muy simple con CSS

    Un tooltip proporciona información extra cuando el usuario pasa el cursor sobre un elemento. Los tooltips son una estupenda manera de mostrar información detallada al usuario al colocar el cursor sobre un texto o una imagen y ayuda a mejorar la experiencia del usuario en tu sitio web. Utilizando ...

  • CSS 0

    10 herramientas de CSS gratuitas para trabajar con imágenes

    Las imágenes son una parte muy importante de cualquier sitio web. Utilizando CSS puro y unas cuantas prácticas herramientas, puedes manipular facilmente imágenes y crear efectos alucinantes. En este artículo te listamos 10 librerías de CSS gratuitas, generadores y técnicas para todas tus necesida...

  • 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 ...