GD Stijlen: Kopieer CSS-stijlen met Tailwind-klassen
GD Styles is een gratis Chrome-extensie ontwikkeld door bradenhirschidev. Het valt onder de categorie Browsers en specifiek de subcategorie Add-ons & Tools. Met deze extensie kunnen gebruikers eenvoudig Tailwind-klassenamen verkrijgen van de CSS-stijlen van elk element terwijl ze de DevTools in Chrome gebruiken.
Na het installeren van GD Styles is het nodig om uw browser opnieuw op te starten zodat de extensie begint te werken. Eenmaal geïnstalleerd, vindt u een zijbalkvenster genaamd 'GD Styles' in de DevTools. Om toegang te krijgen tot de CSS-stijlen van een element, klikt u er met de rechtermuisknop op en selecteert u 'Stijlen ophalen'. De stijlen worden vervolgens weergegeven in het zijbalkvenster.
Een van de meest handige functies van GD Styles is de mogelijkheid om de stijlen rechtstreeks naar uw klembord te kopiëren. Met een druk op de knop kunt u eenvoudig de Tailwind-klassenamen kopiëren en ze gebruiken in uw eigen projecten.
Op dit moment ondersteunt GD Styles verschillende CSS-attributen, waaronder kleur, achtergrondkleur, rand, randradius, lettergrootte, letterdikte en opvulling. De ontwikkelaar, bradenhirschidev, werkt actief aan het verbeteren van de extensie en het toevoegen van meer stijlen om deze nog veelzijdiger te maken.
Houd er rekening mee dat GD Styles momenteel in bèta is, dus eventuele feedback of suggesties kunnen worden verzonden naar Probeer GD Styles vandaag nog uit en stroomlijn uw CSS-ontwikkelingsproces met gemak.
