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 19 / 44
Se muestran actualmente 24 casos de ejemplo
0433Diseño de página y responsive

Diseño con barra lateral fija para reportaje fotográfico

Completa un diseño de barra lateral fija en un relato fotográfico: incluye contenido realista, controles interactivos, estados claros y un diseño adaptable a distintos tamaños.

Diseño de página y responsiveDiseño de barra lateral fijaHTMLCSS GridResponsive Design
Abrir y ejecutar
0434Escenarios de páginas de marketing y contenido

Página de conversión para suscripción al campamento de aprendizaje

Página de conversión de suscripción completa en el contexto de un campamento de aprendizaje: 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 conversión de suscripciónHTMLCSSJavaScript
Abrir y ejecutar
0435Interfaces de panel y administración

Panel de calor del calendario de capacidad del estudio

Completa un panel de calor de calendario para escenarios de capacidad del estudio: incluye contenido real, controles operables, retroalimentación de estado clara y diseño adaptable a múltiples tamaños.

Interfaces de panel y administraciónPanel de calor del calendarioHTMLCanvasJavaScript
Abrir y ejecutar
0436Procesos comerciales y de servicio

Seguimiento del progreso del pedido de reserva de taller

Completa el seguimiento del progreso de pedidos en escenarios de reserva de talleres: incluye contenido real, controles operables, retroalimentación de estado clara y un diseño adaptable a varios tamaños.

Procesos comerciales y de servicioSeguimiento del progreso del pedidoHTMLCSSJavaScript
Abrir y ejecutar
0437Animación y microinteracciones

Retroalimentación elástica para reproductor de música

Completa una retroalimentación elástica de controles en un escenario de reproductor de música: incluye contenido real, controles operables, retroalimentación de estado clara y diseño adaptable a varios tamaños.

Animación y microinteraccionesRetroalimentación de controles elásticosHTMLCSS AnimationJavaScript
Abrir y ejecutar
0438efectos visuales creativos

Efecto de estallido de confeti en la pradera aurora

En el escenario del prado de aurora, completa un efecto de explosión de confeti: incluye contenido real, controles accionables, una retroalimentación de estado clara y un diseño adaptable a distintas dimensiones.

efectos visuales creativosEfecto de confetiHTMLCanvasJavaScript
Abrir y ejecutar
0439Dibujo y visualización de datos

Mapa de calor matricial del crecimiento del jardín

En el escenario de crecimiento del jardín, completa un mapa de calor matricial: incluye contenido real, controles accionables, retroalimentación de estado clara y diseño adaptable a distintos tamaños.

Dibujo y visualización de datosmapa de calor matricialHTMLCanvasJavaScript
Abrir y ejecutar
0440Controles y selectores básicos

Selección de tarjetas de opciones para plan de viaje

Completa la selección de tarjetas de opción en un escenario de plan de viaje: incluye contenido real, controles accionables, feedback de estado claro y diseño adaptable a distintos tamaños.

Controles y selectores básicosselección de tarjetas de planHTMLCSSJavaScript
Abrir y ejecutar
0441Formularios y entrada

Cuestionario de requisitos para solicitud de servicio

Completa un cuestionario condicional para una solicitud de servicio: incluye contenido real, controles interactivos, estados claros y un diseño adaptable a distintos tamaños de pantalla.

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

Navegación de anclas de secciones del espacio de proyecto

Completa la navegación de anclaje por secciones en el espacio de proyecto: incluye contenido real, controles interactivos, retroalimentación clara de estado y diseño adaptable a distintos tamaños.

Navegación y menúsnavegación por seccionesHTMLCSSJavaScript
Abrir y ejecutar
0443Superposición y retroalimentación de estado

Acciones contextuales de la biblioteca de fotos

En el escenario de la biblioteca de fotos, completa la hoja de acciones contextuales: incluye contenido real, controles accionables, retroalimentación de estado clara y un diseño adaptable a distintos tamaños.

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

Bloc de notas de eventos locales en diseño de cascada

Completa unas notas tipo waterfall en el escenario de actividades locales: incluye contenido real, controles interactivos, retroalimentación de estado clara y un diseño adaptable a distintos tamaños.

Tarjetas, listas y organización de contenidoNotas tipo cascadaHTMLCSSJavaScript
Abrir y ejecutar
0445Tablas y visualización de datos

Tabla matricial de relaciones para el presupuesto del proyecto

Completa la tabla de matriz de relaciones en un escenario de presupuesto de proyecto: incluye contenido real, controles interactivos, comentarios de estado claros y un diseño adaptable a distintos tamaños.

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

Diseño de galería panorámica con historia visual

Completa una disposición a todo ancho con superposición en un entorno de narrativa visual: incluye contenido real, controles interactivos, retroalimentación clara del estado y un diseño adaptable a distintos tamaños.

Diseño de página y responsiveDiseño de ancho completo intercaladoHTMLCSS GridResponsive Design
Abrir y ejecutar
0447Escenarios de páginas de marketing y contenido

Página de agenda del campamento de aprendizaje

Completa la página de agenda del evento para el contexto del campamento de aprendizaje: incluye contenido real, controles accionables, feedback de estado claro y un diseño adaptable a distintos tamaños.

Escenarios de páginas de marketing y contenidoPágina de agenda de actividadesHTMLCSSJavaScript
Abrir y ejecutar
0448Interfaces de panel y administración

Tablero de gestión de incidencias de capacidad del estudio

Completa el tablero de gestión de incidentes en el escenario de capacidad del estudio: incluye contenido real, controles operables, feedback de estado claro y un diseño adaptable a distintos tamaños.

Interfaces de panel y administraciónTablero de gestión de incidenciasHTMLCSS GridJavaScript
Abrir y ejecutar
0449Procesos comerciales y de servicio

Configurador de presupuesto para reserva de taller

Configura el presupuesto en el escenario de reserva de talleres: incluye contenido real, controles interactivos, retroalimentación de estado clara y un diseño adaptable a distintos tamaños.

Procesos comerciales y de servicioConfigurador de presupuestoHTMLCSSJavaScript
Abrir y ejecutar
0450Animación y microinteracciones

Notificación emergente de reproductor de música

Completa un feedback emergente de notificación en un escenario de reproductor de música: incluye contenido real, controles interactivos, estados claros y un diseño adaptable a distintos tamaños.

Animación y microinteraccionesretroalimentación emergente de notificacionesHTMLCSSJavaScript
Abrir y ejecutar
0451efectos visuales creativos

Patrón de caleidoscopio del campo de auroras

Completa un patrón de caleidoscopio en un escenario de aurora: incluye contenido real, controles operables, comentarios claros sobre el estado y diseño adaptable a distintos tamaños.

efectos visuales creativospatrón de caleidoscopioHTMLCanvasJavaScript
Abrir y ejecutar
0452Dibujo y visualización de datos

Gráfico de línea de tiempo del crecimiento del jardín

En la escena del crecimiento del jardín, completa un gráfico de línea temporal: incluye contenido real, controles interactivos, retroalimentación clara de estado y diseño adaptable a distintos tamaños.

Dibujo y visualización de datosgráfica de cronologíaHTMLCanvasJavaScript
Abrir y ejecutar
0453Controles y selectores básicos

Control de rango de dos valores para plan de viaje

Complete un control de intervalo de dos valores en el escenario de un plan de viaje: incluye contenido real, controles interactivos, retroalimentación de estado clara y diseño adaptable a distintos tamaños.

Controles y selectores básicosControl de rango de dos valoresHTMLCSSJavaScript
Abrir y ejecutar
0454Formularios y entrada

Formulario automático de borrador para solicitud de servicio

Complete un formulario de borrador automático para un escenario de solicitud de servicios: incluye contenido realista, controles interactivos, retroalimentación de estado clara y diseño adaptable a distintos tamaños.

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

Navegación por páginas del espacio de proyecto

Completa una navegación por paginación en un escenario de espacio de proyecto: incluye contenido real, controles accionables, comentarios de estado claros y un diseño adaptable a varios tamaños.

Navegación y menúsNavegación por páginasHTMLCSSJavaScript
Abrir y ejecutar
0456Tarjetas, listas y organización de contenido

Organizador de marcadores para eventos locales

Completa un organizador de marcadores para escenarios de eventos locales: incluye contenido real, controles accionables, comentarios de estado claros y un diseño adaptable a distintos tamaños.

Tarjetas, listas y organización de contenidoOrganizador de marcadoresHTMLCSS GridJavaScript
Abrir y ejecutar