Vandaag deel ik mijn samengestelde lijst met 12 Chrome-extensies voor ontwerpers en ontwikkelaars. Ik ben verheugd dat dit mijn vakgebied is, dus laten we er maar meteen mee aan de slag gaan.
1. De Grote Jarretel
The Great Suspender is een gratis en open-source Google Chrome-extensie die de hoeveelheid geheugen minimaliseert die Chrome gebruikt. Het doet dit door automatisch slapende tabbladen op te schorten.Wat het onder de motorkap doet, is de slapende webpagina's ontdoen van hun afbeeldingen, JS, enz.
The Great Suspender Chrome-extensie
2. UX-controle
UX Check De Chrome-extensie helpt u gebruiksproblemen te herkennen door middel van een snelle en eenvoudige heuristische evaluatie.
De workflow is eenvoudig. Klik op het pictogram om Nielsen's Ten Heuristics in een zijpaneel te starten zoals met Chrome Dev tools . U kunt op alle elementen klikken die de evaluatie niet doorstaan om notities toe te voegen, screenshots te maken en te exporteren als s docx-bestand om ze gemakkelijk te kunnen delen.
UX Controleer Chrome-extensie
3. Oogdruppelaar
Eye Dropper is wat mij betreft de meest geweldige tool voor het kiezen van kleuren.Het beschikt over 2 tabbladen – Eyedropper en Cooler picker. Met de tool Pipet kunt u kleuren van elke webpagina kiezen, terwijl u met de tool Kleurkiezer aangepaste kleuren kunt selecteren.
Kleuren die zijn gekozen van webpagina's of zijn geselecteerd op het tabblad Kleurkiezer, worden automatisch opgeslagen in een palet dat u kunt downloaden als een CSV-bestand. Eye Dropper geeft ook alle kleuren weer in RGB-, HSL-, HEX-codes en op naam, en het ondersteunt sneltoetsen.
Eye Dropper Chrome-extensie
4. FontFace Ninja
FontFace Ninja kan informatie weergeven over alle lettertypen op elke website. Het bevat downloadlinks voor gratis lettertypen en een optie om de prijzen van betaalde lettertypen weer te geven.
FontFace Ninja heeft ook opties om de donkere modus te gebruiken, lettertypen in afbeeldingen te detecteren (bèta) en bladwijzeropties weer te geven.
FontFace Ninja Chrome-extensie
5. Paginaliniaal
Paginaliniaal is een minimalistische liniaaluitbreiding waarmee u breedtes en hoogtes op webpagina's kunt meten. Het bevat verschillende sneltoetsen, navigatie door bovenliggende en onderliggende elementen, meetrichtlijnen en lokalisatie in 10 talen.
Paginaliniaal Chrome-extensie
6. Facebook Video Downloader
FB Down kan eenvoudig video's downloaden van Facebook en elke andere pagina met videoweergave. Je kunt het gebruiken om alle populaire media-indelingen te downloaden, inclusief bepaalde auteursrechtelijk beschermde video's (als je ervoor kiest om de video zonder audio te downloaden).
FB Down fungeert als linksniffer op webpagina's en het pictogram licht op wanneer het downloadbare inhoud ziet.
Facebook Video Downloader Chrome-extensie
7. PerfectPixel
PerfectPixel van WellDoneCode, is de beste extensie voor het maken van pixel-perfecte websites. Hiermee kunt u afbeeldingen instellen als overlays die u kunt vergelijken met de ontwikkelsite. Het ondersteunt sneltoetsen, semi-transparante beeldoverlays en meer.
PerfectPixel Chrome-extensie
8. TinEye
TinEye is de perfecte tool voor omgekeerd zoeken naar afbeeldingen en de eerste die technologie voor beeldidentificatie implementeert in plaats van trefwoorden, metadata of watermerken. Het werkt door unieke digitale handtekeningen voor afbeeldingen te maken en vervolgens de handtekeningen te vergelijken met die in de index.
TinEye retourneert niet alleen vergelijkbare afbeeldingen in de zoekresultaten, maar exacte overeenkomsten, waarbij bijgesneden, verkleinde en bewerkte versies niet worden uitgesloten.
TinyEye Chrome-extensie
9. CSS Peper
CSS Pepper stelt je in staat om CSS (zelfs van verborgen objecten) te extraheren en op een overzichtelijke manier prachtige stijlgidsen te bouwen. Hierdoor kunnen ontwerpers en ontwikkelaars tijd besteden aan het ontwerp in plaats van aan het doorzoeken van code.
CSS Pepper Chrome-extensie
10. WhatRuns
WhatRuns informeert u over alles wat op een website draait, inclusief frameworks, thema's, lettertypen, CMS enz.
U kunt ook websites volgen zodat de extensie u op de hoogte stelt wanneer er nieuwe technologieën worden toegevoegd.
WhatRuns Chrome-extensie
11. Muzli
Muzli is een gratis extensie die duizenden mooie, inspirerende ontwerpen rechtstreeks naar je browser brengt in de vorm van een nieuwe tabvervanging .
Elke keer dat je een nieuw tabblad opent, vult Muzli het met enkele van de mooiste ontwerpen uit meer dan 120 bronnen, waaronder InVision, Muzli, Dribble, Product Hunt, CNN, CSS Author, etc! Dit is een juweel voor ontwerpers.
Muzli Chrome-extensie
12. Dimensies
Dimensions is een gratis en open-source extensie die je een slimme manier biedt om afstanden tussen pagina-elementen te meten.
Vind de afmetingen van afbeeldings- en HTML-elementen door met de muis relatief te slepen en te bewegen. U kunt ook sneltoetsen gebruiken om te werken - vergeet niet om een sneltoets in te stellen aan het einde van de lijst met Chrome-extensies om de extensie in te schakelen om van de beste ervaring te genieten.
Dimensies Chrome-extensie
Er zijn andere extensies die u moet weten over b.v. Checkbot is bedoeld om uw SEO-reputatie en de algehele snelheid en veiligheid van uw website te verbeteren door te controleren op verbroken links, onveilige pagina's, ongeldige HTML/CSS/JS, dubbele titels en andere problemen die u misschien niet opmerkt tijdens de ontwikkeling.
En Check My Links die door je webpagina's kruipt om er zeker van te zijn dat je geen verbroken links hebt - deze is gratis maar niet zo robuust.
Heb je coole extensies voor ontwerpers en ontwikkelaars waarvan we op de hoogte moeten zijn? Voeg ze toe in het commentaargedeelte hieronder.