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 11 / 44
Se muestran actualmente 24 casos de ejemplo
0241efectos visuales creativos

Escenario del foco del jardín nocturno

Completa el escenario de escenario iluminado en un jardín nocturno: incluye contenido real, controles interactivos, estados claros y un diseño adaptable a distintos tamaños.

efectos visuales creativosEscenario iluminadoHTMLCanvasJavaScript
Abrir y ejecutar
0242Dibujo y visualización de datos

Gráfico de panel de progreso de aprendizaje

Crea gráficos de panel en un escenario de progreso de aprendizaje: incluye contenido real, controles accionables, retroalimentación clara del estado y diseño adaptable a distintos tamaños.

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

Demostración de operaciones con el portapapeles en un espacio de presentación

Completa una demostración de uso del portapapeles en un espacio de presentación: con contenido real, controles interactivos, retroalimentación de estado clara y diseño adaptable a distintos tamaños.

Capacidades de medios y dispositivos del navegadorDemostración de operaciones del portapapelesHTMLCSSBrowser API
Abrir y ejecutar
0244Miniaplicaciones y minijuegos

Temporizador de concentración para el recreo

Completa un temporizador de concentración en el escenario del recreo entre clases: incluye contenido real, controles interactivos, comentarios de estado claros y un diseño adaptable a distintos tamaños.

Miniaplicaciones y minijuegostemporizador de concentraciónHTMLCSSJavaScript
Abrir y ejecutar
0245Controles y selectores básicos

Conjunto de etiquetas de filtrado del modo lectura

Completa un grupo de etiquetas de filtro en un escenario de modo lectura: incluye contenido real, controles accionables, retroalimentación clara de estado y un diseño adaptable a distintos tamaños.

Controles y selectores básicosGrupo de etiquetas de filtradoHTMLCSSJavaScript
Abrir y ejecutar
0246Formularios y entrada

Grupo de campos dinámicos de registro del curso

Completa un grupo de campos dinámicos en el escenario de inscripción a cursos: incluye contenido real, controles accionables, retroalimentación de estado clara y diseño adaptable a distintos tamaños.

Formularios y entradaGrupo de campos dinámicosHTMLCSSJavaScript
Abrir y ejecutar
0247Navegación y menús

Navegación en árbol de la base de conocimientos

Completa la navegación en árbol en el contexto de una base de conocimientos: incluye contenido real, controles accionables, retroalimentación de estado clara y diseño adaptable a distintos tamaños.

Navegación y menúsNavegación en árbolHTMLCSSJavaScript
Abrir y ejecutar
0248Superposición y retroalimentación de estado

Consejo de teclado del centro de tareas

Completa un tooltip de teclado para el escenario del centro de tareas: incluye contenido real, controles interactivos, estados claros y diseño adaptable a distintos tamaños.

Superposición y retroalimentación de estadoConsejo emergente de tecladoHTMLCSSJavaScript
Abrir y ejecutar
0249Tarjetas, listas y organización de contenido

Tarjetas de carrusel de historias para tareas de diseño

Completa una tarjeta carrusel de historias en un escenario de tareas de diseño: incluye contenido real, controles operativos, retroalimentación de estado clara y un diseño adaptable a distintos tamaños.

Tarjetas, listas y organización de contenidotarjeta carrusel de historiasHTMLCSSJavaScript
Abrir y ejecutar
0250Tablas y visualización de datos

Cabecera adhesiva de calificaciones del curso

Completa una cabecera de tabla fija para el contexto de calificaciones del curso: incluye contenido real, controles interactivos, retroalimentación clara del estado y un diseño adaptable a distintos tamaños.

Tablas y visualización de datosCabecera fijaHTML TableCSSJavaScript
Abrir y ejecutar
0251Diseño de página y responsive

Malla editorial de revista para portal comunitario

Completa una cuadrícula editorial de revista en un escenario de portal comunitario: incluye contenido realista, controles interactivos, una retroalimentación de estado clara y un diseño adaptable a distintos tamaños.

Diseño de página y responsiveCuadrícula editorial de revistaHTMLCSS GridResponsive Design
Abrir y ejecutar
0252Escenarios de páginas de marketing y contenido

Página de presentación de funciones del festival creativo

Completar la página de recorrido de funciones en el escenario de festival creativo: incluye contenido real, controles interactivos, retroalimentación de estado clara y diseño adaptable a distintos tamaños.

Escenarios de páginas de marketing y contenidoPágina de guía de funcionesHTMLCSSJavaScript
Abrir y ejecutar
0253Interfaces de panel y administración

Panel de uso de recursos para programación de consulta ambulatoria

Completa un panel de uso de recursos para el escenario de programación de consultas: incluye contenido real, controles operativos, comentarios de estado claros y un diseño adaptable a distintos tamaños.

Interfaces de panel y administraciónPanel de uso de recursosHTMLCSS GridJavaScript
Abrir y ejecutar
0254Procesos comerciales y de servicio

Generador de facturas para alquiler de bicicletas

Completa un generador de facturas en un escenario de alquiler de bicicletas: incluye contenido real, controles accionables, estado claro y diseño adaptable a distintas pantallas.

Procesos comerciales y de servicioGenerador de facturasHTMLCSSJavaScript
Abrir y ejecutar
0255Tipografía y efectos de texto

Efecto de máscara de texto de revista urbana

Completa el efecto de máscara de texto en un contexto de revista urbana: incluye contenido real, controles interactivos, retroalimentación de estado clara y un diseño adaptable a distintos tamaños.

Tipografía y efectos de textoEfecto de máscara de textoHTMLCSS TypographyJavaScript
Abrir y ejecutar
0256Animación y microinteracciones

Lista de entrada escalonada de herramienta de enfoque

Completa una entrada escalonada de lista en un contexto de herramienta de concentración: incluye contenido real, controles interactivos, retroalimentación de estado clara y un diseño adaptable a distintos tamaños.

Animación y microinteraccionesEntrada escalonada de la listaHTMLCSS AnimationJavaScript
Abrir y ejecutar
0257efectos visuales creativos

Escenario de capas onduladas del jardín nocturno

Completa una escena de olas multicapa en el entorno del jardín nocturno: incluye contenido real, controles accionables, retroalimentación de estado clara y un diseño adaptable a distintos tamaños.

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

Gráfico de radar de progreso de habilidades de aprendizaje

Completar el gráfico de radar de capacidad en el escenario de progreso de aprendizaje: incluye contenido real, controles interactivos, retroalimentación de estado clara y diseño adaptable a distintos tamaños.

Dibujo y visualización de datosRadar de capacidadesHTMLCanvasJavaScript
Abrir y ejecutar
0259Capacidades de medios y dispositivos del navegador

Control de escenario a pantalla completa para sala de presentación

Completa el control del escenario a pantalla completa en un espacio de presentación: incluye contenido real, controles operables, retroalimentación clara de estado y diseño adaptable a distintos tamaños.

Capacidades de medios y dispositivos del navegadorControl de escenario a pantalla completaHTMLCSSBrowser API
Abrir y ejecutar
0260Miniaplicaciones y minijuegos

Panel de hábitos para el descanso del recreo

Completa un panel de registro de hábitos en un escenario de descanso entre clases: incluye contenido real, controles interactivos, comentarios de estado claros y una disposición adaptable a distintos tamaños.

Miniaplicaciones y minijuegosPanel de registro de hábitosHTMLCSSJavaScript
Abrir y ejecutar
0261Controles y selectores básicos

Stepper numérico en modo lectura

Completa un control numérico de incremento en un contexto de modo de lectura: incluye contenido real, controles interactivos, retroalimentación clara de estado y diseño adaptable a distintos tamaños.

Controles y selectores básicosControl numéricoHTMLCSSJavaScript
Abrir y ejecutar
0262Formularios y entrada

Tabla de presupuesto para inscripción en cursos

Completa la hoja de configuración del presupuesto en el escenario de inscripción a un curso: incluye contenido real, controles interactivos, feedback de estado claro y maquetación adaptable a distintos tamaños.

Formularios y entradaPresupuestoHTMLCSSJavaScript
Abrir y ejecutar
0263Navegación y menús

Navegación de progreso del flujo de la base de conocimientos

Completa la navegación de progreso del flujo en el escenario de la base de conocimientos: incluye contenido real, controles interactivos, feedback de estado claro y un diseño adaptable a distintos tamaños.

Navegación y menúsNavegación de progreso de flujoHTMLCSSJavaScript
Abrir y ejecutar
0264Superposición y retroalimentación de estado

Barra de estado del centro de tareas

Completa un banner de estado en el escenario del centro de tareas: 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 estadoBanner de estadoHTMLCSSJavaScript
Abrir y ejecutar