nl.hideout-lastation.com
Analyseer elke website codes met CSS Dig Chrome Extension
Er is veel wat u kunt doen met Chrome DevTools van het bewerken van live websites tot het bestuderen van gedetailleerde HTTP-aanvragen. Maar de mogelijkheid om CSS-patronen te analyseren, wordt niet ingebakken in de console.
Met CSS Dig kunt u alle CSS-selecteurs, specificiteit en unieke eigenschappen van elke webpagina rechtstreeks vanuit Chrome analyseren. Deze extensie is volledig gratis en biedt veel kracht aan ontwikkelaars van de frontend.
Terwijl u een stylesheet inspecteert, krijgt u veel gegevens van het CSS Dig-paneel. Het kan u individuele kiezers tonen, inclusief duplicaten en onnodige specificiteitsniveaus .
Om te beginnen, installeer eenvoudig de plug-in en open het consolevenster. U vindt twee tabbladen in het CSS Dig-venster: Eigenschappen en kiezers .
U kunt door resultaten bladeren die zijn geordend op eigenschappen (kleur, rand, opvulling) of op selectors (klassen, ID's). Ik vind het eigenschappenvenster het meest waardevol, omdat je hiermee kunt bestuderen welke lettertypen en kleuren je gebruikt.
Deze tool werkt over het algemeen voor elke website, dus het is ook handig voor het reverse-engineeren van iemands ontwerp. U kunt de CSS rechtstreeks vanuit dit venster kopiëren en plakken en opnieuw gebruiken in uw eigen projecten.
Waarschijnlijk de meest voorkomende use case voor CSS Dig is om dubbele kleuren uit je kleurenpalet te verwijderen. Hoeveel unieke tinten groen heb je echt nodig? Of, hoeveel verschillende schreefloze lettertypen zijn nodig voor één pagina?
CSS Dig is ongelooflijk eenvoudig, dus verwacht niet te veel functies zoals met DevTools. In plaats daarvan is deze plug-in eerder gericht op ontwikkelaars van frontend-ontwikkelaars voor het controleren van herhaalde selectors of duplicateigenschappen.De broncode van de plug-in is gratis beschikbaar op GitHub waar ook de nieuwste updates te vinden zijn .
20 Hulpmiddelen voor startups Wie Design Teams niet kan veroorloven
In het begin was jij en je laptop. Als ondernemers zijn we er allemaal geweest: we koesterden een meer dan levensgrote visie op wat onze app / product zou moeten zijn en worstelen om dat aan de massa's over te brengen. Omdat je het niet alleen aanpakt met een ontwerpteam dat je bij de hand hebt, doe je het in de riskante, eenzame wateren van een gehuurd bureau in een gedeelde kantoorruimte
10 manieren waarop internet echt leven (voor beter of slechter)
Sinds het begin van het moderne gamen, hebben we ons meer aangetrokken tot werelden die het leven nabootsen in plaats van de regels te negeren. Games zijn aangrijpender wanneer ze ons toegang geven tot hoeken van de echte wereld waar we anders niet mee bezig zijn, of wanneer ze ons beslissingen laten nemen die anders niet van ons zijn (zoals het bouwen van skylines en communities in SimCity) ), of zou ons in de problemen brengen als we ze zouden maken (zoals joy-rijden in Grand Theft Auto)
