Artículos

  • CSS 0

    Cómo esconder columnas automáticamente mediante CSS en una tabla responsive

    En este tutorial vamos a ver cómo crear una tabla responsive con una característica especial: la de poder ocultar columnas automáticamente. Para ello simplemente utilizaré HTML y CSS, es decir, no utilizaré ninguna dependencia de terceros como jQuery, Datables, ni nada por el estilo.

  • CSS 0

    Cómo personalizar checkboxes y botones de radio con CSS

    Los checkboxes y los botones de radio son elementos muy comunes en cualquier formulario web que se precie. Generalmente, solemos utilizar el estilo por defecto que nos dicta el navegador con el que estemos viendo la web. Pero si lo quieres es que tu UI luzca alucinante o que el formulario pegue c...

  • CSS 0

    10 librerías de Javascript y CSS para este febrero

    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

    Cómo crear un background estático de vídeo HTML5 mediante CSS

    En este tutorial te mostraremos cómo añadir un background estático de vídeo HTML5 utilizando CSS. Es un script muy simple y muy sencillo ideal para landing pages. En este tutorial utilizaremos el tag video de HTML5 para embeber un vídeo y CSS para poner el vídeo de fondo.

  • CSS 0

    Cómo mostrar texto en vertical con CSS

    En este tutorial veremos cómo mostrar un texto en orientación vertical. Para ello utilizaremos CSS, con el que mediante unas cuantas reglas, seremos capaces de redireccionar el texto para que se muestre en disposición vertical. En este ejemplo, tendremos una imagen de fondo con un tagline vertica...

  • CSS 0

    Personaliza tus barras de scroll con CSS y Webkit

    Pequeños detalles como el hecho de personalizar las barras de scroll en el diseño de tu sitio web, siempre añaden un valor extra. Mediante pseudo-elementos podemos modificar de forma sencilla el estilo de la barra de scroll con el aspecto que tu quieras. En este tutorial veremos cómo personalizar...

  • CSS 0

    Creando una galería de imágenes 3D que rota con CSS

    Una galería de imágenes es una característica muy útil de toda web que se precie. Básicamente, una galería de imágenes te ayuda a agrupar imágenes en una interfaz amigable para el usuario en una página web. El efecto 3D hará que la galería sea mucho más bonita y que acapare la atención del usuari...

  • CSS 0

    Los 10 mejores frameworks de CSS para desarrollar webs rápidas y ligeras en 2017

    Al desarrollar un sitio web, el hecho de utilizar un framework CSS nos puede ayudar a ser más productivos ya que te provee de un montón de herramientas que todo diseñador necesita. Como ya sabes, la velocidad, al hablar del desarrollo de páginas web, es un factor súper importante. Por lo tanto, h...

  • CSS 0

    Cómo crear triangulos en CSS sin necesidad de utilizar ni trucos ni trampas

    Cualquier persona que haya intentado crear flechas para votar con HTML, burbujas de diálogo o algún que otro elemento puntiagudo, sabe que para crear un triángulo CSS debes utilizar algún tipo de hack. Las dos soluciones más populares son las de crear tus triángulos fuera de los bordes, o la de u...

  • CSS 0

    CSS Grid VS Flexbox: ¿Cuál es más práctico?

    No hace mucho tiempo, el diseño de todas las páginas HTML se hacía a través de tablas, floats y otras propiedades CSS que no eran adecuadas para diseñar páginas web complejas. Luego vino flexbox, un modo de diseño que fue creado específicamente para crear páginas responsive robustas. Flexbox faci...