HTML / CSS / JavaScript

Colección de casos

Elija un caso completo para ver directamente el resultado, modificar el código fuente y ejecutarlo en el navegador.

1046Página 3 / 44
Se muestran actualmente 24 casos de ejemplo
0049efectos visuales creativos

Forma orgánica de fluidos de las profundidades marinas

Completa una forma fluida orgánica en el escenario de las profundidades marinas: incluye contenido real, controles interactivos, estados claros y un diseño adaptable a distintos tamaños.

efectos visuales creativosForma fluida orgánicaHTMLCSS AnimationJavaScript
Abrir y ejecutar
0050Dibujo y visualización de datos

Gráfico de líneas de tendencia de la calidad del aire

Completa el gráfico de líneas de tendencia en el escenario de la calidad del aire: incluye contenido real, controles accionables, feedback de estado claro y un diseño adaptable a distintos tamaños.

Dibujo y visualización de datosGráfico de líneas de tendenciaHTMLCanvasJavaScript
Abrir y ejecutar
0051Capacidades de medios y dispositivos del navegador

observador de consultas de medios del laboratorio de dispositivos

Completa el observador de consultas de medios en el escenario del laboratorio de dispositivos: incluye contenido real, controles interactivos, una retroalimentación de estado clara y un diseño adaptable entre tamaños.

Capacidades de medios y dispositivos del navegadorobservador de media queriesHTMLCSSBrowser API
Abrir y ejecutar
0052Miniaplicaciones y minijuegos

Trivia rápida para la noche familiar

Completa un cuestionario rápido en un entorno de noche en familia: incluye contenido real, controles accionables, estados claros y un diseño adaptable a distintos tamaños.

Miniaplicaciones y minijuegoscuestionario rápidoHTMLCSSJavaScript
Abrir y ejecutar
0053Controles y selectores básicos

Regulador de rango de la sala de reuniones

Ajuste del regulador de rango completado en un entorno de sala de reuniones: incluye contenido real, controles interactivos, estados claros y un diseño adaptable a distintos tamaños.

Controles y selectores básicosajustador de rangoHTMLCSSJavaScript
Abrir y ejecutar
0054Formularios y entrada

Entrada local de sugerencias para el registro de voluntarios

Completa una entrada con sugerencias locales para el contexto de registro de voluntariado: incluye contenido real, controles accionables, retroalimentación de estado clara y un diseño adaptable a distintos tamaños.

Formularios y entradaEntrada de sugerencia localHTMLCSSJavaScript
Abrir y ejecutar
0055Navegación y menús

Pestañas del espacio de trabajo de guía del museo

Completa pestañas de espacio de trabajo en un contexto de guía de museo: incluye contenido real, controles operativos, retroalimentación de estado clara y un diseño adaptable a distintos tamaños.

Navegación y menúsPestañas del espacio de trabajoHTMLCSSJavaScript
Abrir y ejecutar
0056Superposición y retroalimentación de estado

Pila de mensajes de revisión de documentos

Completa el stack de avisos de mensaje en un escenario de revisión de documentos: incluye contenido real, controles interactivos, retroalimentación clara del estado y un diseño adaptable a distintos tamaños.

Superposición y retroalimentación de estadoPila de notificacionesHTMLCSSJavaScript
Abrir y ejecutar
0057Tarjetas, listas y organización de contenido

Cronología de actividad de la lista de lectura

Completa una línea de tiempo de actividad en un escenario de lista de lectura: incluye contenido real, controles accionables, retroalimentación de estado clara y un diseño adaptable a distintos tamaños.

Tarjetas, listas y organización de contenidoCronología de actividadesHTMLCSSJavaScript
Abrir y ejecutar
0058Tablas y visualización de datos

Tabla de datos paginada para el libro mayor de inventario

Completa una tabla de datos paginada en el contexto de un registro de inventario: incluye contenido real, controles accionables, retroalimentación de estado clara y diseño adaptable a distintos tamaños.

Tablas y visualización de datostabla de datos paginadaHTML TableCSSJavaScript
Abrir y ejecutar
0059Diseño de página y responsive

Distribución clásica de tres columnas para publicaciones

Completa un diseño clásico de tres columnas para el escenario de una revista de arquitectura: incluye contenido real, controles interactivos, comentarios de estado claros y un diseño adaptado a distintos tamaños.

Diseño de página y responsiveDiseño clásico de tres columnasHTMLCSS GridResponsive Design
Abrir y ejecutar
0060Escenarios de páginas de marketing y contenido

Zona de conversión de preguntas frecuentes de marca de té

Completa una sección de conversión de preguntas frecuentes en un escenario de marca de té: incluye contenido real, controles interactivos, comentarios de estado claros y un diseño adaptable a distintos tamaños.

Escenarios de páginas de marketing y contenidoZona de conversión de preguntas y respuestasHTMLCSSJavaScript
Abrir y ejecutar
0061Interfaces de panel y administración

Flujo de actividad en tiempo real de la biblioteca

En un escenario de operaciones de biblioteca, completa un flujo de actividad en tiempo real: incluye contenido real, controles interactivos, retroalimentación clara del estado y una disposición adaptable a distintos tamaños.

Interfaces de panel y administraciónFlujo de actividad en tiempo realHTMLCSSJavaScript
Abrir y ejecutar
0062Procesos comerciales y de servicio

Generador de promociones para floristería

Completa el combinador de promociones en un contexto de floristería: incluye contenido real, controles interactivos, retroalimentación de estado clara y un diseño adaptable a distintos tamaños.

Procesos comerciales y de servicioCombinador de promocionesHTMLCSSJavaScript
Abrir y ejecutar
0063Tipografía y efectos de texto

Tipografía de título fluido de poemario de montaña

Completar una composición tipográfica de título fluido en el escenario del poemario de montaña: incluye contenido real, controles interactivos, retroalimentación clara de estado y un diseño adaptable a distintos tamaños.

Tipografía y efectos de textotipografía de título fluidoHTMLCSS TypographyJavaScript
Abrir y ejecutar
0064Animación y microinteracciones

Retroalimentación circular de progreso de subida de archivos

Completa la retroalimentación de progreso circular en un escenario de carga de archivos: incluye contenido real, controles operables, estados claros y diseño adaptable a distintos tamaños.

Animación y microinteraccionesRetroalimentación de progreso circularHTMLCSS AnimationJavaScript
Abrir y ejecutar
0065efectos visuales creativos

Experimento de malla degradada del mar profundo

Experimento de malla degradada en un entorno de mar profundo: incluye contenido real, controles operables, retroalimentación de estado clara y maquetación adaptable a distintos tamaños.

efectos visuales creativosExperimento de malla degradadaHTMLCanvasJavaScript
Abrir y ejecutar
0066Dibujo y visualización de datos

Gráfico de anillo de proporción de calidad del aire

Completa un gráfico de dona de proporción en un contexto de calidad del aire: incluye contenido real, controles interactivos, retroalimentación de estado clara y un diseño adaptable a distintos tamaños.

Dibujo y visualización de datosGráfico de anilloHTMLCanvasJavaScript
Abrir y ejecutar
0067Capacidades de medios y dispositivos del navegador

Cuaderno de notas de almacenamiento local del laboratorio de dispositivos

Completar una nota de almacenamiento local en el contexto de un laboratorio de dispositivos: incluye contenido real, controles interactivos, una retroalimentación de estado clara y un diseño adaptable a distintos tamaños.

Capacidades de medios y dispositivos del navegadorBloc de notas de almacenamiento localHTMLCSSBrowser API
Abrir y ejecutar
0068Miniaplicaciones y minijuegos

Juego de memoria de voltear cartas para la noche en familia

En un escenario de noche en familia, completa un juego de memoria de cartas: incluye contenido real, controles operables, retroalimentación de estado clara y diseño adaptable a distintos tamaños.

Miniaplicaciones y minijuegosjuego de memoria de cartas boca abajoHTMLCSSJavaScript
Abrir y ejecutar
0069Controles y selectores básicos

Escala de valoración de la sala de reuniones

Completa una escala de valoración en el contexto de una sala de reuniones: incluye contenido real, controles interactivos, una retroalimentación de estado clara y un diseño adaptable a distintos tamaños.

Controles y selectores básicosescala de valoraciónHTMLCSSJavaScript
Abrir y ejecutar
0070Formularios y entrada

Comentarios sobre la fortaleza de la contraseña para la inscripción de voluntarios

Completa una retroalimentación de fortaleza de contraseña para un contexto de inscripción de voluntarios: incluye contenido realista, controles accionables, retroalimentación de estado clara y maquetación adaptable a distintos tamaños.

Formularios y entradaretroalimentación de la fortaleza de la contraseñaHTMLCSSJavaScript
Abrir y ejecutar
0071Navegación y menús

Panel de comandos para la guía del museo

Completar un panel de comandos en el contexto de una guía de museo: incluye contenido real, controles accionables, retroalimentación de estado clara y diseño adaptable a distintos tamaños.

Navegación y menúsPanel de comandosHTMLCSSJavaScript
Abrir y ejecutar
0072Superposición y retroalimentación de estado

Ayuda emergente para revisión de documentos

Completa un popover de ayuda en el contexto de revisión de documentos: incluye contenido real, controles interactivos, una retroalimentación de estado clara y un diseño adaptable a distintos tamaños.

Superposición y retroalimentación de estadoSuperposición de ayudaHTMLCSSJavaScript
Abrir y ejecutar