Chrome-ontwikkelaarstools aanpassen met DevTools Author

Als u een frontend-ontwikkelaar bent, moet u al kennis hebben van het DevTools-paneel van Google Chrome. Dit wordt geleverd bij elke versie van Chrome die tools biedt voor het bewerken van onbewerkte HTML / CSS in combinatie met een JS-console en de mogelijkheid om de DOM in realtime te manipuleren.

Met een nieuwe gratis Chrome-plug-in genaamd DevTools Author kunt u het DevTools-paneel aanpassen met extra syntaxiskleurenschema's, unieke lettertypen en aangepaste lettergroottes.

De opzet is vrij eenvoudig. U installeert zojuist de extensie vanuit de Chrome Webstore en bezoekt vervolgens deze link in uw browser: chrome: // flags / # enable-devtools-experiments

U bevindt zich in het deelvenster Chrome-vlaggen waar u DevTools-experimenten moet inschakelen. Zodra dat is ingeschakeld, moet u Chrome opnieuw starten, opent u het instellingenvenster van DevTools en zoekt u het tabblad 'Experimenten'.

Dan hoeft u alleen maar "aangepaste gebruikersinterfacethema's toestaan" aan te vinken en u bent klaar om te beginnen!

U kunt kiezen uit meer dan 25 verschillende syntaxiskleurenschema's die de editor van Chrome een stuk gebruiksvriendelijker maken. En u kunt de lettergroottes wijzigen van 10px-22px of zelfs de consolelettertypen bijwerken naar vooraf geïnstalleerde lettertypen op uw besturingssysteem.

Deze plug-in voegt geen kernfuncties toe aan DevTools, maar laat u eerder de stijl en het uiterlijk van uw DevTools-venster wijzigen. Het is verrassend eenvoudig te configureren en het kan uw DevTools-ervaring veel persoonlijker maken.

Als je problemen hebt tijdens het instellen, bekijk dan deze begeleide introductievideo.

Hoe de bestandsindeling van de macOS-schermafbeelding te wijzigen

Standaard worden alle screenshots die u op een macOS maakt opgeslagen op uw bureaublad in de indeling .PNG-afbeeldingsbestanden. Als u om welke reden dan ook deze bestandsindeling van .PNG naar een andere wilt wijzigen, kunt u dat eenvoudig doen.Met macOS kunt u de standaard schermafbeelding wijzigen van

(Technische en ontwerptips)

Lancering van een nieuwe WordPress-site - deel 1: offsite-taken

Hoewel WordPress en andere contentbeheersystemen het starten van een nieuwe website veel eenvoudiger maken dan voorheen, is het nog steeds niet eenvoudig om te doen. Dit geldt vooral als je geen programmeerkennis hebt en je ook geen webontwikkelaar kunt veroorloven. Er zijn zoveel dingen om op te letten dat zelfs ervaren ontwikkelaars gemakkelijk iets belangrijks kunnen vergeten

(Technische en ontwerptips)