Rendi più evidente che un'immagine è ridimensionabile durante il caricamento

Questo mi fa impazzire quasi ogni giorno.

  • Carico uno screenshot retina
  • Portiamo immediatamente il mouse nell’area di anteprima per ottenere i “controlli di ridimensionamento” e ridurlo
  • I controlli non sono presenti al passaggio del mouse
  • Allontano il mouse
  • Poi torno all’area di anteprima e i controlli sono lì

In generale, non sono nemmeno un fan del fatto che i “controlli di ridimensionamento” siano visibili solo al passaggio del mouse.

Posso pensare a due opzioni per migliorare la situazione:

  1. Possiamo correggere il bug in modo che, dopo il caricamento, al passaggio del mouse i controlli appaiano immediatamente.

  2. Possiamo semplicemente mostrare i “controlli di ridimensionamento” in modo incondizionato (magari in modo più discreto).

Personalmente preferisco l’opzione (2), ma mi chiedevo cosa ne pensano @codinghorror, @awesomerobot e la comunità.

11 Mi Piace

Non lo vedo. È un problema di latenza?

1 Mi Piace

Estremamente probabile, 100% riproducibile in Firefox in Australia contro meta.

4 Mi Piace

Quindi la soluzione è il trasferimento? :laughing:

10 Mi Piace

Aggiungo il mio voto per l’opzione 2. È una funzionalità estremamente utile, ma penso che sia abbastanza facile da perdere se non si è a conoscenza della sua esistenza.

3 Mi Piace

Non vedo alcun problema nel mostrare i controlli di ridimensionamento nell’anteprima in modo incondizionato per tre motivi:

Il primo è che li “nascondiamo” solo tramite l’opacità

il che significa che occupano comunque dello spazio anche quando sono invisibili. Il contenitore è posizionato in modo assoluto, ma aggiungiamo un po’ di padding a .image-wrapper.

Il secondo è che la funzionalità funzionerebbe anche su dispositivi mobili, cosa che attualmente non fa per me, anche se dovrebbe funzionare.

Il terzo è che aumenterebbe la visibilità della funzionalità.

In alternativa, possiamo fare in modo che i controlli per tutte le immagini siano visibili quando si passa il mouse sul pannello di anteprima, non per le singole immagini. Inoltre, possiamo risolvere il problema sui dispositivi mobili (che potrebbe essere limitato ai miei dispositivi).

Se rendiamo i controlli visibili incondizionatamente, possiamo anche dedicare un po’ di tempo a renderli più gradevoli dal punto di vista estetico.

15 Mi Piace

Sì, preferirei che fossero sempre visibili e sovrapposti all’immagine, così lo spazio non sembrerà più grande nell’editor rispetto al post effettivo.

Uno dei motivi per cui non lo abbiamo fatto inizialmente è che vedevi i controlli sfarfallare terribilmente mentre scrivevi. Credo siano state apportate alcune modifiche che hanno ridotto lo sfarfallio, ma i controlli vengono ancora rimossi completamente dal DOM non appena inizi a scrivere… una volta risolto il problema, procedi pure a modificarne lo stile in modo che siano sempre visibili, @johani!

8 Mi Piace

Non vedo alcun sfarfallio quando rimuovo l’opacità, quindi immagino che abbiamo risolto il problema?

Ho corretto (1) come segue:

Tuttavia, ritengo che il punto cruciale sia che il problema non è facilmente individuabile e dipende dall’hover.

@Johani, potresti creare un componente tema per lo styling di questo ora (visto che puoi usare CSS puro per ottenere qualsiasi cosa)? Assicurati di testarlo su un’immagine molto, molto corta. Poi installa il componente su dev e meta in modo che possiamo usarlo per un po’ e decidere se preferiamo questa soluzione o no?

8 Mi Piace

Sì, credo che in qualche momento sia stato aggiunto un debounce? Ora che hai risolto quel primo problema, tutto sembra a posto.

3 Mi Piace

Wow non posso credere che il 2019 sia stato un anno intero fa :lolsob:

3 Mi Piace

Personalmente, non sono affatto favorevole a questo cambiamento. Lo rende molto più affollato. C’era qualche problema effettivo con la reperibilità del ridimensionamento?

1 Mi Piace