Webflow Quick Wins
Tecniche Webflow brevi e ad alto impatto che aggiungi in pochi minuti — sottolineature al passaggio del mouse, layout masonry e a griglia, controllo dello scroll, test in orizzontale e altro.
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.
Il percorso del corso
-
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.
-
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.
-
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.
-
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.
-
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.
-
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.