Juntos creamos una Web mejor
Queremos ayudarte a crear sitios web atractivos, accesibles, rápidos y seguros que funcionen en todos los navegadores y para todos tus usuarios. Este sitio es nuestra plataforma de contenido para ayudarte en ese recorrido, escrito por miembros del equipo de Chrome y expertos externos que se especializan en temas de desarrollo web, como accesibilidad, rendimiento, diseño y mucho más.
Referencia
El Baseline de la plataforma web aclara la información sobre la compatibilidad de los navegadores con las funciones de la plataforma web y proporciona información clara sobre qué funciones de la plataforma web están listas para usarse en tus proyectos en la actualidad. Cuando leas un artículo aquí en web.dev, si las funciones que se usan forman parte de Baseline, puedes confiar en el nivel de compatibilidad con los navegadores.
La IA y la Web
Descubre recursos creados para ayudarte a comprender y crear experiencias de alta calidad y centradas en la Web con IA.
Optimiza INP
La interacción a la siguiente pintura (INP) ahora es una métrica de Métricas web esenciales. Comienza a medir y optimizar el INP de tu sitio.
Identidad y pagos
Lee sobre las funciones y prácticas recomendadas más recientes en relación con el procesamiento de identidades y pagos.
Explora la plataforma web
La plataforma web es un ecosistema en constante evolución de funciones y APIs de navegadores que los desarrolladores pueden usar para crear sitios web fáciles y agradables de usar. Estas páginas son rutas de aprendizaje para que profundices en cada parte de la plataforma web en web.dev a tu propio ritmo:
HTML
El HTML es la capa de documentos de la Web, que proporciona estructura y semántica a las páginas.
CSS
El CSS es la capa de presentación de la Web y te permite que tus páginas web se vean como quieras.
JavaScript
JavaScript proporciona una interactividad enriquecida a las páginas web, lo que permite a los desarrolladores crear sitios web interactivos que ayuden a los usuarios a realizar tareas y alcanzar objetivos.
Conoce la plataforma web
¿Es la primera vez que usas la plataforma web? Tenemos lo que necesitas. Explora cada parte de la plataforma web con estos cursos seleccionados específicamente para principiantes en HTML, CSS y JavaScript.
Course
Aprender HTML
Una descripción general sólida de HTML para desarrolladores, desde HTML de nivel principiante hasta experto.
Course
Aprende sobre CSS
Guía de CSS con módulos que abarcan todo, desde la accesibilidad hasta el índice z.
Mantente al tanto de las noticias sobre desarrollo web
Nuestro blog contiene las noticias más recientes sobre el desarrollo web, incluidas las nuevas funciones de la plataforma web, las actualizaciones de Baseline, la IA, las Métricas web esenciales y mucho más. Lee nuestro blog para mantenerte al tanto de las novedades.
Diseño de la IU y CSS
Aprende ahora mismo las últimas sugerencias y técnicas que puedes usar en tu trabajo.
Adaptar la tipografía a las preferencias del usuario mediante CSS
Adapta una fuente a las preferencias de tus usuarios para que se sientan más cómodos leyendo tu contenido.
Nuevos espacios de color y funciones CSS en todos los motores principales
Todos los motores principales ahora admiten los nuevos espacios de color y funciones CSS. Descubre cómo pueden darles vitalidad a tus diseños.
¿Qué son los mapas de origen?
Mejora la experiencia de depuración web con mapas de origen.
Subcuadrícula CSS
Ahora, Subgrid es interoperable en los tres motores principales. Descubre cómo usarla.
Core Web Vitals
Comprende las Métricas web esenciales y otras métricas para desarrollar sitios web y apps más rápidos.
Interaction to Next Paint se convierte en una Métrica web esencial el 12 de marzo
Interaction to Next Paint se convertirá oficialmente en una métrica web esencial y reemplazará el retraso de primera entrada el 12 de marzo.
Cómo optimizar INP
Obtén información sobre cómo optimizar la métrica Interacción a la siguiente pintura.
Nuestras principales recomendaciones sobre las Métricas web esenciales
Una colección de prácticas recomendadas para optimizar el rendimiento de las Métricas web esenciales de los sitios web en función del estado de la Web
Conceptos erróneos comunes sobre cómo optimizar el LCP
Explora los conceptos erróneos comunes sobre la optimización del procesamiento de imagen con contenido más grande (LCP) y analiza factores como el tiempo hasta el primer byte (TTFB) y la demora en la carga de recursos.
Apps web progresivas
Crea experiencias web eficaces.
Más información sobre la AWP
Un curso en el que se desglosan todos los aspectos del desarrollo de apps web progresivas modernas.
Ahora, TransformStream es compatible con varios navegadores.
Ahora que las transmisiones de transformación son compatibles con Safari, Firefox y Chrome, están listas para el estreno.
Nuevos patrones para apps geniales
Sumérgete en una fantástica colección de nuevos patrones para apps asombrosas, como patrones del portapapeles, patrones de archivos y patrones de apps avanzados.
Presentación de la API de Project Fugu
En el sitio para desarrolladores de Chrome, explora las API de funciones.
Accesible para todos
Obtén información sobre cómo hacer que tus sitios sean más accesibles para las personas con discapacidades, ya sean permanentes, temporales o situacionales.
Más información sobre accesibilidad
Nuestro nuevo curso es un excelente punto de entrada y referencia para temas de accesibilidad.
Probar el contraste de color del diseño web
Una descripción general de tres herramientas y técnicas para probar y verificar el contraste de color accesible de tu diseño.
Cómo crear la navegación principal para un sitio web
En este instructivo, se describe cómo crear una navegación principal accesible de un sitio web. Aprenderás sobre HTML semántico, la accesibilidad y cómo el uso de atributos de ARIA a veces puede ser más dañino que beneficioso.
Lo más destacado de la comunidad: Melanie Sumner
Lee nuestra entrevista con Melanie, una ingeniera de software que se especializa en accesibilidad digital.
Identidad y pagos
Descubre las técnicas y prácticas recomendadas más recientes para realizar pagos y ayuda a los usuarios a acceder de forma segura a tus sitios y apps.
Crea una llave de acceso para los accesos sin contraseña
Las llaves de acceso hacen que las cuentas de usuario sean más seguras, sencillas y fáciles de usar.
Accede con una llave de acceso
Crea una experiencia de acceso que use llaves de acceso y que, al mismo tiempo, permita que los usuarios existentes accedan a ellas.
Descripción general de los pagos web
Obtén más información sobre los pagos web y cómo funcionan.
Prácticas recomendadas para los formularios de pago y dirección
Ayude a sus usuarios a completar formularios de pago y dirección de la manera más rápida y fácil posible para maximizar las conversiones.
Boletín informativo para desarrolladores
Recibe las últimas noticias, técnicas y actualizaciones directamente en tu bandeja de entrada.