<?xml version="1.0" encoding="utf-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
    <channel>
        <title>s03_e04 - Input de tipo range | Maquetando con Chuck!</title>
        <link>https://veedeo.org/videos/watch/17d411a2-8aa4-40fb-a2ed-21ca8d9bad54</link>
        <description>Hoy veremos cómo plantear un campo de tipo range, que permite especificar un valor entre un máximo y un mínimo. El elemento nativo tiene una barra horizontal o vertical con un tirador para seleccionar el valor. Normalmente estos controles se resuelven con mogollón de divs y un poco de js para gestionar los valores, control con ratón y teclado, etc. Deberíamos usar el control nativo que ya viene con todo el tema de funcionamiento, semántica y accesibilidad solucionado. Pasa que darle estilos no es lo más agradecido del mundo y también vamos a ver cómo resolver esta parte: Contenidos: HTML: Input de typo range: Atributos min, max, value, list y step, Datalist (no está soportado), Semántica (label, form, output), Estilos: track, thumb y compatibilidad entre navegadores, Javascript: Control de la barra de progreso y valor, Bonus: Las marcas., [CSS-TRICKS] Styling Cross-Browser Compatible Range Inputs with CSS : https://css-tricks.com/styling-cross-browser-compatible-range-inputs-css/</description>
        <lastBuildDate>Sat, 23 May 2026 13:06:11 GMT</lastBuildDate>
        <docs>https://validator.w3.org/feed/docs/rss2.html</docs>
        <generator>PeerTube - https://veedeo.org</generator>
        <image>
            <title>s03_e04 - Input de tipo range | Maquetando con Chuck!</title>
            <url>https://veedeo.org/lazy-static/avatars/27aed08c-e0a4-41d1-a223-8e39e9d9b02a.png</url>
            <link>https://veedeo.org/videos/watch/17d411a2-8aa4-40fb-a2ed-21ca8d9bad54</link>
        </image>
        <copyright>All rights reserved, unless otherwise specified in the terms specified at https://veedeo.org/about and potential licenses granted by each content's rightholder.</copyright>
        <atom:link href="https://veedeo.org/feeds/video-comments.xml?videoId=17d411a2-8aa4-40fb-a2ed-21ca8d9bad54" rel="self" type="application/rss+xml"/>
    </channel>
</rss>