HTML5

HTML tiene muchas etiquetas que muchas personas usan todos los días, como <div>, <p> y <a>. Pero también hay algunas joyas ocultas que a menudo pasan desapercibidas. Estas etiquetas pueden ayudar a que los sitios web sean más atractivos, accesibles y significativos sin mucho esfuerzo adicional. En este artículo, discutiremos un grupo de elementos HTML únicos que pueden mejorar tus páginas web. Ofrecen funciones específicas para formatear texto, mejorar la legibilidad y agregar características interactivas. Tabla de Contenidos La etiqueta…

¿Alguna vez ha querido crear sus propias herramientas interactivas utilizando solo HTML, CSS y JavaScript? En este artículo, crearemos un proyecto divertido y directo: una herramienta de selección de color. Esta pequeña herramienta permitirá a los usuarios seleccionar cualquier color que deseen y ver instantáneamente sus valores HEX y RGB. Así que, tome su editor de código favorito y vamos a empezar! Paso 1: Configurar su proyecto Crear una Nueva carpeta: Comience creando una nueva carpeta en su ordenador para…

Los proyectos de creación son muy importantes para aprender a programar. Cuando creas un proyecto, expandes tu portafolio y aprendes a aplicar tus habilidades a nuevas situaciones. Acabamos de publicar un curso de 2 horas en el canal de YouTube freeCodeCamp.org en español que te guiará paso a paso a través de la creación de 3 proyectos con HTML, CSS y JavaScript. Practicarás tus habilidades construyendo una barra de navegación responsive con menús desplegables, un slider y una página de…

HTML5 Canvas y SVG son ambas tecnologías basadas en estándares de HTML5 que puedes utilizar para crear increíbles gráficos y experiencias visuales. La pregunta que planteo en este artículo es la siguiente: ¿Debería importar cuál de ellas uses en tu proyecto? En otras palabras, ¿existen casos de uso para preferir HTML5 Canvas sobre SVG? Primero, dediquemos unas palabras a presentar HTML5 Canvas y SVG. ¿Qué es HTML5 Canvas? Así es como la especificación WHATWG introduce el elemento canvas: El elemento…

En este tutorial, profundizaremos en el poco utilizado elemento HTML5 <datalist>. Puede implementar un control de formulario de autocompletar ligero, accesible y compatible con navegadores que no requiere JavaScript. ¿Qué sucede con <select>? Los controles HTML5 <select> son ideales cuando deseas que el usuario elija entre un rango pequeño de opciones. Son menos prácticos cuando: hay muchas opciones, como países o títulos de trabajo el usuario desea ingresar su propia opción que no está en la lista La solución obvia…

En este artículo, veremos algunas formas sencillas de dar estilo al elemento HTML <details>, que es un elemento muy útil para revelar y ocultar fragmentos de contenido en una página web. Es útil tener un elemento de divulgación simple en HTML que no requiera JavaScript, pero el estilo predeterminado del elemento <details> podría desanimar a algunos. Afortunadamente, es bastante fácil cambiar el estilo de este elemento. El índice de contenido a continuación es un ejemplo del elemento <details> en uso.…

En este artículo, revisamos los campos de formulario HTML y las opciones de validación ofrecidas por HTML5. También veremos cómo estas pueden mejorarse mediante el uso de CSS y JavaScript. ¿Qué es la Validación de Restricciones? Cada campo de formulario tiene un propósito. Y este propósito a menudo está regulado por restricciones — o las reglas que rigen lo que debería y no debería ingresarse en cada campo de formulario. Por ejemplo, un campo email requerirá una dirección de correo…

Desde hace un tiempo, he estado creando estas escenas 3D con CSS por diversión, generalmente en mi transmisión en vivo. ¡Avión de acrobacias 3D CSS! 🛩️ ¡Hace bucles y rollos! 😎 Responde al movimiento del ratón 🐭 👉 https://t.co/A1zNmfEzzi a través de @CodePen pic.twitter.com/87D7LIXLr2 — Jhey 🐻🛠 (Exploring Opportunities ✨) (@jh3yy) March 27, 2021 Cada demo es una oportunidad para probar algo diferente o encontrar maneras de hacer cosas con CSS. Una cosa que a menudo hago es tomar sugerencias…