Artículos

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

  • Javascript 0

    10 librerías de Javascript y CSS para este enero

    Nuestra misión en programacion.net es mantenerte al día con las últimas y más frescas tendencias en el desarrollo web. Es por eso que todos los meses te mostramos una colección cuidadosamente seleccionada, de algunos de los mejores recursos con los que me he topado en Internet y que considero dig...

  • Javascript 0

    Cómo saber si un gif es animado con Javascript

    Si has tuiteado alguna vez un GIF animado, te habrás dado cuenta de que Twitter lo coge y lo convierte a mp4. Yo especulo que hacen dicha conversión, ya que un MP4 está mejor soportado en todas las plataformas, por lo menos en cuanto a que se permite la reproducción/pausa de la animación. Y tambi...

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

  • Javascript 0

    10 librerías de Javascript y CSS para este diciembre

    Nuestra misión en programacion.net es mantenerte al día con las últimas y más frescas tendencias en el desarrollo web. Es por eso que todos los meses te mostramos una colección cuidadosamente seleccionada, de algunos de los mejores recursos con los que me he topado en Internet y que considero dig...

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

  • Javascript 0

    Cómo desbloquear contenido utilizando las redes sociales

    Hace unos días, descargándome una fuente gratuita para utilizar en un diseño, me topé con un mensaje que me indicaba: “¡El contenido está bloqueado! Dame un like para desbloquear”. Así que nada, tuve que darle like para que se mostrase el descargable y poder utilizar la fuente. El caso es que me ...

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

  • Javascript 0

    5 scripts para crear sliders de comparación de imágenes totalmente gratuitos

    Los sliders superpuestos te permiten comparar dos imágenes, generalmente un antes y un después, mediante dos imágenes solapadas una encima de otra. Un slider que puede ser manipulado, puedes ser arrastrado por el usuario para mostrar más la imagen anterior y menos la posterior, y viceversa.

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