Galería de productos en /screenshots

Featurekamo-marketing
Se descapó
4 de septiembre de 2026 a las 1:50 UTC
Autor
Kamo
Compromit
cf243e4

Una página para mostrar el producto como se ve realmente. Está construido alrededor de un módulo de datos en lugar de marcación, porque vienen más capturas de pantalla y añadir uno no debe significar editar un componente: dejar el WebP en public/img/screenshots, agregue una entrada a la aplicación/lib/captas, agregue su copia al diccionario. La página tiene dos mitades y cada una desaparece cuando está vacía. Destacado tomas consiguen una sección de escaparate completa, copia, chips de capacidad, la imagen en cromo de ventana, y una llave numerada de las llamadas puestas en él. Todo de lo contrario cae en una cuadrícula filtrable abajo, cuyos chips de categoría sólo renderizan una vez que haya dos categorías para elegir entre. Hoy eso significa uno escaparate y sin cuadrícula; se llena por su cuenta a medida que se añaden tomas. Al hacer clic en cualquier imagen se abre un espejo: teclas de flecha y miniaturas para moverse entre tomas, Escapar para salir, concentrarme atrapado y luego devuelto al Imagen que lo abrió, y un zoom 1:1 que se tambalea con el propio escenario Desplazarse. El espesador sirve a la WebP en el disco en lugar de una optimizada variante de un srcset sensible se elige desde el puerto, así que zoom uno de esos a 1:1 muestra una captura de pantalla de 3231px de forma exaltada a partir de 1920 y cada una etiqueta en ella se vuelve suave. Tres cosas que vale la pena saber: - imágenes.qualities gana 75. El próximo 16 no rechaza una calidad que falta de esa lista, lo SNAPS al valor más cercano listado, por lo que cada La captura de pantalla estaba siendo recodificada a los 50 años sin previo aviso en ninguna parte. Eso es correcto para una fotografía bajo un scrim oscuro y malo para una foto hecho de etiquetas de la interfaz de usuario de 12px. - Los alfileres están dimensionados a su punto, con la etiqueta fuera de flujo. Dispuesto como una fila flexible, se centra el pin en punto más una etiqueta invisible de 15rem, y cada alfiler aterriza varios por ciento de descuento en el thing que apunta a una cantidad diferente cada uno. - El espesor se encuentra en z-index 100000. El banner de la oferta está en 99999 y la navegación a 10001; una modal que la cabecera fija pinta sobre no es a modal. Registrado en el menú Producto, el pie de página, /site-mapa, ambos mapas del sitio y llms.txt, con un feed de ImageObject para que las fotos se puedan encontrar en su propio en la búsqueda de imágenes. Verificado en una construcción de producción: la ruta sigue siendo prerendered, y abierto/zoom/Escape/focus-return fueron conducidos con real eventos de entrada en anchos de escritorio y teléfono.

Todos los cambios

Como lo que ves enviaste?

Cada una de estas actualizaciones aterriza en su espacio de trabajo automáticamente. Empieza gratis y verlo crecer semana tras semana.

Arranzar gratis para siempreVer Precios