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 40 / 44
Se muestran actualmente 24 casos de ejemplo
0937Miniaplicaciones y minijuegos

Calculadora portátil para plan de clase

Completa la calculadora portátil en el escenario del tablero de planificación de clases: incluye contenido real, controles accionables, una retroalimentación de estado clara y un diseño adaptable a distintos tamaños.

Miniaplicaciones y minijuegosCalculadora portátilHTMLCSSJavaScript
Abrir y ejecutar
0938Controles y selectores básicos

Selector segmentado de la esquina de mascotas

Completa un selector segmentado en un contexto de rincón para mascotas: incluye contenido real, controles interactivos, comentarios de estado claros y un diseño adaptable a distintos tamaños.

Controles y selectores básicosselector segmentadoHTMLCSSJavaScript
Abrir y ejecutar
0939Formularios y entrada

Cuaderno de seguimiento por turnos con cuestionario condicional

Completa un cuestionario condicional en un escenario de cuaderno de seguimiento de turnos: incluye contenido real, controles interactivos, estados claros y un diseño adaptable a distintos tamaños.

Formularios y entradaCuestionario condicionalHTMLCSSJavaScript
Abrir y ejecutar
0940Navegación y menús

Mega menú agrupado para el panel del creador

Completa un mega menú agrupado en un entorno de trabajo para creadores: incluye contenido real, controles operables, feedback de estado claro y un diseño adaptable a distintos tamaños.

Navegación y menúsmenú grande agrupadoHTMLCSSJavaScript
Abrir y ejecutar
0941Superposición y retroalimentación de estado

Diálogo de confirmación con anotaciones del mentor

Completa un diálogo de confirmación en un escenario de notas de mentor: incluye contenido real, controles accionables, retroalimentación clara del estado y un diseño adaptable a distintos tamaños.

Superposición y retroalimentación de estadoCuadro de diálogo de confirmaciónHTMLCSSJavaScript
Abrir y ejecutar
0942Tarjetas, listas y organización de contenido

Línea de tiempo de actividades del diario del jardín

Presenta una línea de tiempo de actividades en un contexto de diario de jardín: contenido real, controles accionables, comentarios de estado claros y un diseño adaptable a distintos tamaños.

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

Tabla de matriz de relaciones de activos del estudio

Completa una tabla matricial de relaciones en un escenario de activos de estudio: incluye contenido real, controles accionables, una retroalimentación clara de estado y un diseño adaptable a distintos tamaños.

Tablas y visualización de datosTabla de matriz de relacionesHTML TableCSSJavaScript
Abrir y ejecutar
0944Diseño de página y responsive

Diseño clásico de tres columnas para la flota

Completa un diseño clásico de tres columnas para un contexto de manual de flota: incluye contenido real, controles operativos, comentarios de estado claros y un diseño adaptable a distintos tamaños.

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

Hero narrativo de briefing de estudio

Completa una portada narrativa para una sesión de briefing de estudio: incluye contenido real, controles interactivos, feedback de estado claro y una maquetación adaptable a distintos tamaños.

Escenarios de páginas de marketing y contenidoHero narrativoHTMLCSSJavaScript
Abrir y ejecutar
0946Interfaces de panel y administración

Centro de operaciones del puesto de vigilancia del invernadero

Completa un puesto de mando operativo para un contexto de vigilancia en invernadero: con contenido real, controles interactivos, retroalimentación de estado clara y un diseño adaptable a diferentes tamaños.

Interfaces de panel y administraciónCentro de mando de operacionesHTMLCSS GridJavaScript
Abrir y ejecutar
0947Controles y selectores básicos

Matriz de interruptores de preferencias para la cabina de grabación de podcasts

Completa una matriz de interruptores de preferencias en un entorno de cabina de pódcast: con contenido real, controles interactivos, una retroalimentación de estado clara y un diseño adaptable a distintos tamaños.

Controles y selectores básicosMatriz de interruptores de preferenciasHTMLCSSJavaScript
Abrir y ejecutar
0948Formularios y entrada

Formulario de borrador automático para registro de turno

Completa un formulario de borrador automático en el escenario del mostrador de registro de turnos: incluye contenido real, controles accionables, retroalimentación de estado clara y diseño adaptable a varios tamaños.

Formularios y entradaFormulario de borrador automáticoHTMLCSSJavaScript
Abrir y ejecutar
0949Navegación y menús

Navegación por páginas del centro de eventos

Completa una navegación por páginas numeradas para un escenario de centro de eventos: incluye contenido realista, controles interactivos, retroalimentación de estado clara y un diseño adaptable a distintos tamaños.

Navegación y menúsNavegación por páginasHTMLCSSJavaScript
Abrir y ejecutar
0950Superposición y retroalimentación de estado

Operaciones contextuales de la nota de prueba del mentor

Completa una operación contextual en el contexto de una nota de corrección de mentor: incluye contenido realista, controles accionables, feedback de estado claro y un diseño adaptable a distintos tamaños.

Superposición y retroalimentación de estadoPaleta de acciones contextualesHTMLCSSJavaScript
Abrir y ejecutar
0951Tarjetas, listas y organización de contenido

Organizador de marcadores del diario creativo

Completa un organizador de marcadores para un escenario de diario creativo: incluye contenido real, controles accionables, estados claros y un diseño adaptable a distintos tamaños.

Tarjetas, listas y organización de contenidoOrganizador de marcadoresHTMLCSS GridJavaScript
Abrir y ejecutar
0952Tablas y visualización de datos

Tabla de datos paginada de revisión del estudio

Completa la tabla de datos paginada en el escenario de revisión del estudio: incluye contenido real, controles interactivos, retroalimentación clara del estado y una disposición adaptable a distintos tamaños.

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

Diseño responsive en cascada de atlas de jardín

Complete en el contexto de un atlas de jardín una maquetación tipo mosaico responsiva: incluye contenido real, controles interactivos, una retroalimentación de estado clara y una maquetación adaptable a distintos tamaños.

Diseño de página y responsiveDiseño de cascada adaptableHTMLCSSJavaScript
Abrir y ejecutar
0954Escenarios de páginas de marketing y contenido

Página de cuenta regresiva de lanzamiento para la semana de publicación del estudio

Completa la página de cuenta regresiva de lanzamiento para el escenario de la semana de lanzamiento del estudio: incluye contenido real, controles interactivos, retroalimentación de estado clara y un diseño adaptable a distintos tamaños.

Escenarios de páginas de marketing y contenidoPágina de cuenta atrás para el lanzamientoHTMLCSS AnimationJavaScript
Abrir y ejecutar
0955Interfaces de panel y administración

Panel de embudo de conversión para revisión de subvenciones

Completa un panel de embudo de conversión en un escenario de revisión de subvenciones: incluye contenido real, controles interactivos, comentarios de estado claros y un diseño adaptable a distintos tamaños.

Interfaces de panel y administraciónPanel de embudo de conversiónHTMLCSS GridJavaScript
Abrir y ejecutar
0956Procesos comerciales y de servicio

Flujo de servicio de pedido de suministros de consulta externa

Completa el flujo de reserva de servicio en el escenario de la lista de preparación de pedidos clínicos: incluye contenido real, controles interactivos, feedback claro de estado y un diseño adaptable a distintos tamaños.

Procesos comerciales y de servicioFlujo de reserva de servicioHTMLCSSJavaScript
Abrir y ejecutar
0957Tipografía y efectos de texto

Tipografía de títulos fluidos para apuntes de clase

Completa la tipografía de titular fluida en un escenario de cuaderno de clase: incluye contenido real, controles interactivos, una retroalimentación de estado clara y un diseño adaptable a distintos tamaños.

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

Transición de pantalla esqueleto para sincronización ambulatoria

Completa una transición de pantalla esqueleto en un contexto de sincronización en consulta externa: incluye contenido real, controles utilizables, retroalimentación clara del estado y un diseño adaptable a distintos tamaños.

Animación y microinteraccionesTransición de pantalla esqueletoHTMLCSS AnimationJavaScript
Abrir y ejecutar
0959efectos visuales creativos

Escenario de ondas multicapa del escenario coralino

Completa una escena de capas de olas en un escenario de coral: incluye contenido real, controles interactivos, retroalimentación de estado clara y diseño adaptable a distintos tamaños.

efectos visuales creativosescenario de ondas múltiplesHTMLCSS AnimationJavaScript
Abrir y ejecutar
0960Dibujo y visualización de datos

Gráfico de nodos de relaciones para revisión pública

Completa un diagrama de nodos de relación para un escenario de revisión pública: incluye contenido real, controles interactivos, retroalimentación clara de estado y diseño adaptable a distintos tamaños.

Dibujo y visualización de datosgráfico de nodos de relacionesHTMLCanvasJavaScript
Abrir y ejecutar