EN IT
Home Chi sono Learn Blog
Base

Webflow Quick Wins

Tecniche Webflow brevi e ad alto impatto che aggiungi in pochi minuti — hover underline, layout masonry e a griglia, controllo dello scroll, test in landscape e altro.

6 lezioni

Non ogni miglioramento richiede un pomeriggio intero. Questo corso è un assortimento di tecniche piccole e ad alto impatto — quelle che aggiungi a un progetto in pochi minuti e senti subito la differenza: hover underline fluide, layout masonry e a griglia con bordi interni, disabilitare lo scroll con una sola regola CSS, testare i viewport in landscape senza uscire dal Designer.

Ognuna è breve, autonoma e arriva con un cloneable. Pesca quella che ti serve, o falle tutte — in ogni caso porti a casa una manciata di mosse che userai di nuovo e di nuovo.

In questo corso

  1. Blocca lo scroll in Webflow (una regola CSS) Blocca lo scroll della pagina mentre il nav menu di Webflow è aperto con una sola regola CSS e :has() — niente JavaScript, niente librerie, niente interazioni.
  2. Underline all'hover fluidi in Webflow (box-shadow) Crea effetti underline all'hover fluidi e crescenti in Webflow con box-shadow e transizioni CSS — dal basso, alto, sinistra, destra, fino ai riempimenti a tutta altezza, no-code.
  3. Layout Masonry in Webflow Senza Codice Crea un layout masonry in stile Pinterest in Webflow con le CSS columns — niente plugin, niente JavaScript, tutto responsive e pronto per il CMS.
  4. Bordi Interni alla Griglia in Webflow: Responsive e Accessibili Crea bordi interni puliti tra gli elementi di una griglia in Webflow usando solo gap e background — responsive e accessibili, anche con il CMS.
  5. Testare viewport landscape nel Designer di Webflow Simula un viewport landscape (basso) direttamente nel Designer di Webflow con una variabile number e un'altezza in calc() — niente pubblicazione, niente dev tools.
  6. Annida le categorie CMS sotto /blog in Webflow Usa un piccolo glitch di Webflow per annidare una collezione CMS sotto un percorso già esistente — come /blog/categories/… — per una struttura di contenuti più pulita e intenzionale.