The Tailwind Tangle: suono familiare? Se sei come me e trascorri una buona parte della tua giornata lavorando con Tailwind CSS, probabilmente hai sentito quel piccolo punto di attrito: interminabilmente aggiustando le classi, cliccando avanti e indietro tra l'editor e il browser, solo per vedere come le cose funzionano. O forse stai scavando attraverso gli strumenti di sviluppo, cercando di individuare esattamente quale combinazione di classi di utility sta stilizzando un elemento? In realtà Può essere un vero killer del flusso di lavoro e rompere il tuo focus. Introduzione a Tail Lens: il tuo editor in-browser Tailwind What if you could cut out the middleman and edit Tailwind classes , directly on your page, with instant visual feedback? live Vivere Ecco perché sono entusiasta di condividere , un'estensione del browser su cui ho lavorato per risolvere queste frustrazioni esatte. Agisce come il tuo strumento di sviluppo del browser, che ti permette di fare clic su qualsiasi elemento e modificare le sue classi Tailwind direttamente sulla pagina. Tail Lens Le modifiche appaiono istantaneamente, quindi puoi vedere i risultati mentre editi. suggerimenti di classe intelligenti, supporto Tailwind v3/v4 + JIT, navigazione rapida degli elementi e molto altro ancora. Che cosa può fare Tail Lens per te? Ecco un'occhiata più da vicino a ciò che Tail Lens porta al tuo flusso di lavoro Tailwind: Feature Description 👁️ Instant Class View Hover over any element to immediately see all applied Tailwind classes. No more digging in dev tools! ⚡ Live Edit & Preview Search, add, or swap Tailwind classes and see changes instantly on your page, without refreshing. 💡 Smart Alternatives Get intelligent suggestions for alternative classes you can apply with a single click. 📏 Visual Overlays Clearly visualize margin, padding, height, and positioning with dynamic, real-time overlays. ↩️ Undo/Redo Support Experiment freely! Easily undo or redo any changes you make. 🛠️ Config Ready Full support for Tailwind CSS v3/v4 and your project's custom . tailwind.config.js ⌨️ DOM Navigation Quickly inspect parent or child elements using simple keyboard shortcuts for faster workflow. 👁️ Instant Class View Spostarsi su qualsiasi elemento per vedere immediatamente tutte le classi Tailwind applicate. Non più scavare negli strumenti di sviluppo! Live Edit & Preview Cerca, aggiungi o scambia le classi Tailwind e visualizza immediatamente le modifiche sulla tua pagina, senza rinfrescarle. Smart Alternatives Ottieni suggerimenti intelligenti per le classi alternative che puoi applicare con un solo clic. Visual Overlays Visualizza chiaramente margine, padding, altezza e posizionamento con sovrapposizioni dinamiche in tempo reale. ️ Undo/Redo Support Sperimentare liberamente! Rimuovere o riprodurre facilmente le modifiche che apporti. ️ Config Ready Supporto completo per Tailwind CSS v3/v4 e la personalizzazione del tuo progetto . tailwind.config.js ️ DOM Navigation Controlla rapidamente gli elementi genitoriali o dei bambini utilizzando semplici tastiere per un flusso di lavoro più rapido. Perché ho costruito la lente della coda Ho costruito Tail Lens perché volevo veramente uno strumento come questo per i miei progetti.L'obiettivo è semplice: mantenere il flusso, ridurre quel frustrante cambiamento di contesto e, in ultima analisi, rendere il lavoro con l'incredibile potere di Tailwind CSS ancora più piacevole e produttivo. Prova Tail Lens: gratis per 7 giorni! Pronto a dare un giro e vedere come si inserisce nel tuo flusso di lavoro? Puoi provare la versione completa di Tail Lens Nessun impegno, solo la possibilità di vedere la magia accadere. free for 7 days Immergiti nella rapida demo e inizia qui: Scuola.io Scuola.io Scuola.io Accesso a vita e futuri aggiornamenti Dopo la prova, se trovi Tail Lens indispensabile come spero che lo faccia, è un acquisto una volta per tutte. Questo include tutti gli aggiornamenti futuri e puoi usarlo su dispositivi illimitati. $30 for a lifetime license Utente amore Ascoltiamo da te! 🙂 Sarò entusiasta di sentire qualsiasi feedback, idee o domande che avete. Quali sono le tue maggiori sfide nel lavoro quotidiano con Tailwind CSS? Può uno strumento come Tail Lens aiutare a semplificare il tuo processo? Lasciate andare i vostri pensieri, suggerimenti, o anche solo un "ciao" nei commenti qui sotto! Felicità di codice!
