Ocho cosas: la fisica de la pelota, la bandera a escala de reglamento, las tarjetas de campo con
esquina y galeria, el espacio que sobraba, el bloque de preguntas frecuentes, el cierre de la pagina, el muro de Instagram y el bloque de acceso sobre cesped.
Todo esta ya en vivo.
1. La pelota fisica simulada
La trayectoria no esta dibujada a mano: sale de simular un proyectil. Cada punto de la imagen
esta tomado cada 70 milesimas de segundo, siempre el mismo intervalo. Por eso la imagen se lee sola:
donde los puntos estan separados la pelota va rapida, y donde se juntan va lenta.
Sube, cae, bota tres veces y despues rueda. Fijate en el tramo final: los puntos se van
apretando hasta quedar pegados unos con otros. Eso es la pelota perdiendo fuerza poco a poco, no
frenando de golpe. Se detiene al pie del asta.
Fase
Que hace
Medido en la pagina
Saque
Mas alto y mas suave que antes
apice 520 px (antes 420)
Botes
Cada uno mas bajo y mas corto
520 → 91 → 16 → 3 px
Rodado
Avanza cada vez mas lento hasta pararse
1.4 s, de 118 px/s a 0
Ciclo
Se repite en bucle, entrando y saliendo con fundido
8 s
Por que la subida y la caida son mas suaves: se bajo la gravedad de la simulacion. Con menos
gravedad el arco dura mas y el golpe deja de verse seco.
Por que cada bote es mas bajo que el anterior: el rebote devuelve el 42% de la velocidad, y la
altura depende del cuadrado de esa velocidad. De ahi salen 520 → 91 → 16, sin inventar nada.
2. La bandera medida de reglamento
Tenias razon: estaba fuera de escala. Fui a las Reglas de Golf y a las Reglas de Equipamiento
y las medidas son estas.
Pieza
Medida oficial
De donde sale
Asta
7 pies = 2134 mm
minimo en las Reglas de Golf
Pelota
1.68 pulgadas = 42.67 mm
diametro minimo, Reglas de Equipamiento
Pano
14 x 20 pulgadas
medida de uso comun, no esta reglada
Dividiendo: el asta mide cincuenta veces la pelota, y el pano ocupa el 16.7% de alto
y el 23.8% de ancho del asta. La bandera iba a 18:1, es decir con un asta tres veces mas corta de lo
que toca. Ahora va a 50.4:1 medido en la pagina, en los seis anchos que probe.
Antes
Ahora
Real
Asta
351 px
403 px
—
Pelota
20 px
8 px
—
Proporcion
17.6 : 1
50.4 : 1
50 : 1
El asta no puede crecer mas: entre 1024 y 1360 px el margen derecho se estrecha y un asta mas
larga sube el pano hasta cruzar el parrafo de entrada. Con 403 px el pano cae siempre por debajo de ese
parrafo. Lo comprobe en 1920, 1440, 1360, 1280, 1180, 1024 y 940: ninguna colision, y todo el
texto que queda por encima del pano se mantiene sobre 4.7:1 de contraste.
La misma imagen de arriba, ya con la bandera a escala. La pelota se para al pie del asta.
3. Tarjetas de campo nuevo
Dos cambios, los dos copiados de paginas que ya existen: la esquina superior derecha
redondeada viene de restaurants, y la galeria que se funde viene de tours & activities.
Es el mismo componente, no uno nuevo.
Tres fotos por tarjeta, cambiando cada 4.2 segundos. De los 18 campos, 17 tienen
fotos de sobra para rotar; Solmar Golf Links solo tiene una, asi que su tarjeta se queda quieta en vez
de romperse. Solo giran las tarjetas que estan en pantalla, y con la pestana oculta se detienen.El directorio completo tambien deja de ir a escuadra: 24 px de radio, el mismo
lenguaje que el resto de la pagina.
4. Espacio recuperado
Fuera el parrafo de How we choose y la raya que lo seguia. Ese renglon no lo lleva
ninguna otra pagina, y la raya separaba la franja verde de la primera seccion, que es justo donde menos
falta hacia. Son 142 px de alto recuperados.
La franja verde entrega ahora directo a Outside-guest tee times.
5. Preguntas frecuentes
La rejilla estaba encajonada en la columna del articulo. Ahora ocupa la misma columna que las
secciones de arriba, la letra crecio y el margen superior se iguala con el resto de la pagina.
Antes
Ahora
Ancho de la rejilla
920 px
1208 px
Pregunta
20 px
21.6 px
Respuesta
14.5 px
16.5 px
Margen de arriba
72 px
104 px
Escritorio, 1440 px.
Tablet, 834 px.Movil, 390 px: una sola columna.
6. El cierre de la pagina
Se quito el renglon de Sources & recognitions y el de Reviewed by, que ninguna
otra pagina de preguntas frecuentes lleva. Con ellos se fue tambien la banda lisa de 96 px que dejaban
debajo: ahora la franja oscura entrega directo a la textura y al pie, como en playas.
Golf, ahora. Franja oscura, textura, pie.Playas, la referencia. El mismo remate.
La firma editorial sigue declarada en el schema de la pagina (author y publisher), asi que solo
desaparecio el renglon impreso: la senal para buscadores se queda.
7. Muro de Instagram al estilo de playas
Las diez fotos que mandaste, con el recorte exacto que pediste: de los carruseles saqué la
imagen número 14, la 5, la 3 y las demás una por una, no la portada. Van republicadas desde nuestra
biblioteca con la cuenta acreditada y enlace al post original.
Escritorio: mosaico de 12 columnas a todo lo ancho, huecos de 10 px, sin esquinas
redondeadas y con el sello de Instagram en pastilla oscura — el mismo lenguaje que el muro de playas.
Cómo se calculó el acomodo. Ocho fotos son verticales y dos apaisadas. Con el alto de
fila puesto en 10.2vw, una vertical de 2 columnas × 2 filas cae en 0.75 y una apaisada de
4 × 2 cae en 1.54: exactamente sus proporciones, así que ninguna se recorta de más. Diez fotos
llenan justo dos bandas de doce columnas.
Solo tres fotos llevan gente y están colocadas a mano, no en el orden del documento,
para que ninguna toque a otra. Lo medí caja contra caja en siete anchos, de 1920 a 390: cero
contactos lado a lado en los tres acomodos (12 columnas, 4 columnas y 2 columnas).
Tablet (700–1099 px): baja a 4 columnas y las fotos fluyen en el orden del documento.Móvil (≤699 px): 2 columnas, huecos de 8 px, sello más chico. Las apaisadas ocupan la
fila entera, y ahí sí llevan su propia proporción porque no tienen ninguna vertical al lado que se la marque.
Al tocar una foto se abre en grande con la cuenta, el pie y el enlace a Instagram; cierra con
Escape, con la X o tocando fuera. El muro va justo encima de las preguntas frecuentes.
Pendiente el mismo permiso que en playas: las fotos se republican, no se incrustan,
así que conviene el visto bueno por escrito de las ocho cuentas. Están todas acreditadas y enlazadas,
que es lo mínimo, pero no sustituye al permiso.
8. El bloque de acceso sobre césped
Fuera el rótulo ACCESS COMES FIRST: el título ya dice de qué va el bloque y sobre la
foto ese renglón naranja pequeño solo ensuciaba.
El corte en diamante de fondo, las tarjetas translúcidas por encima y la bandera con la
pelota al frente.
Una advertencia sobre la foto. La imagen de césped que mandaste no está en la
biblioteca del sitio y no puedo sacar el archivo de una captura de chat. Lo que ves ahí es un
patrón generado: el corte en diamante son dos pasadas cruzadas a 58°, con grano de hierba,
manchas de riego y la vertical comprimida para imitar el teleobjetivo. Si me pasas el archivo original
se cambia en una línea — está montado como un asset suelto, no incrustado.
Legibilidad medida sobre los píxeles reales, no sobre un color teórico: escondí el
texto, fotografié el fondo que queda detrás y comparé cada color contra el 2% más claro de esa zona.
Título blanco entre 10.3 y 10.8:1; el renglón dorado de las tarjetas, que es el que manda porque
mide 10 px, entre 4.9 y 5.7:1. Para que el dorado aguantara con el patrón más marcado hubo que
subir el cuerpo de la tarjeta de .34 a .52 de opacidad.
