HTML es la base de la web y una de las herramientas principales para crear el frontend de todos los sitios.
Te dejo 10 trucos de #HTML que hubieras querido conocer antes
🧵👇🏻
0️⃣ Color picker
Un input de toda la vida se vuelve un color picker simplemente definiendo el type igual a color.
1️⃣ Progress bar
HTML tiene su propia barra de progreso, la cual te permite jugar con sus atributos para sacarle el máximo provecho.
2️⃣ Optgroup
Un optgroup es la manera de que en un select se agrupen las opciones en diferentes categorias.
3️⃣ Acronym
La etiqueta acronym sirve para definir un acrónimo, es decir, las siglas de una palabra.
4️⃣ Figure
Figure es una etiqueta que permite agregar una imagen, ilustración o diagrama y a su vez asociarle una descripción o título.
5️⃣ Map
Con esta etiqueta se puede crear un mapa clickeable en una imagen de tu elección.
6️⃣ Párrafo editable
La etiqueta de párrafo tiene el atributo contenteditable que permite a cualquier párrafo volverse editable en el navegador.
7️⃣ Tooltip
Cuando se utiliza el atributo title de la etiqueta span obtienes un tooltip usando únicamente HTML.
8️⃣ Noscript
Esta etiqueta permite definir un contenido alternativo que será mostrado en caso de que el usuario tenga deshabilitado los scripts en su navegador o que use un navegador que no admita scripts.
9️⃣ Source
La etiqueta source permite definir diferentes versiones de un archivo multimedia, o sea, audio, video o imágenes.
Si quieres ver todos estos trucos de #HTML en acción en este CodePen los podrás encontrar y experimentar con ellos.
5 aplicaciones que te ayudarán a trabajar con archivos, ser productivo en tus reuniones y más.
Seguramente más de una era justo lo que necesitabas 😉
Vamos al hilo 🪡
1️⃣ TinyWOW
Esta es la herramienta que resuelve tus problemas con los tipos de archivos. TinyWow ofrece conversiones en línea gratuitas, herramientas para PDF y más. La mejor parte es que todos los archivos se eliminan después de 1 hora.
La API de Studio Ghibli cataloga a los personajes, lugares y cosas de los mundos creados por Ghibli. Si quieres crear tu propio track de películas Ghibli esta es tu API.
¿Las animaciones no son lo tuyo? No te preocupes Animate viene a resolverte la vida con esto, ya que tiene una amplia colección de animaciones y además es muy fácil de integrar a tus proyectos.
¿Quieres construir un portafolio como frontend y no sabes como empezar?
¿Necesitas un poco de inspiración para tu siguiente proyecto?
¿Leíste esto con voz de anunciador?
Si respondiste que sí a todo, este hilo con 10 proyectos es para ti 👇🏻🧵
1️⃣ Launch countdown timer
Pon a prueba tus habilidades de HTML, CSS y JS con esta cuenta regresiva con vistas tanto para desktop como mobile.