Af @jonathanzwhite

Fra design til udvikling, 10 værktøjer, jeg ikke kan leve uden

Værktøjer gør ikke en håndværker. Men de kan bestemt hjælpe. Denne uge ønskede jeg at præsentere dig for et par værktøjer, som jeg bruger. Forhåbentlig opdager du et par nye værktøjer, der hjælper med at optimere din arbejdsgang.

Atom

Atom er en open source-teksteditor oprettet af Github. I det sidste år har Atom været min primære redaktør. Atom leveres fuldt udstyret med ting som en indbygget pakkehåndtering, smart auto-færdiggørelse og smukke temaer.

Kommerne fra Sublime var pakkeadministratoren et frisk pust. Med Atom kan du enten bruge APM eller dets GUI-interface. Ingen grund til at ændre konfigurationsfiler. Det fungerer bare.

En note om ydeevne. Da Atom først blev frigivet, var det langsomt. Men i dag flammer det hurtigt. Det eneste langsommere, jeg bemærker, er, når jeg åbner store filer.

Du kan læse mere om Atom og dens effektivitetsoptimeringer i Flytning af Atom til reaktion og derefter implementere teksteditor DOM opdateres manuelt i stedet for via React.

DragDis

Som designer er jeg altid på udkig efter inspiration. DragDis er et værktøj, der lader mig spare inspiration, når jeg finder det. Det er let at bruge. Installer Chrome-udvidelsen, og start trækning.

Den måde, jeg organiserer mine DragDis-mapper på, er uge. Hver uge opretter jeg en ny inspirationmappe. Det er en fantastisk måde at spore, hvordan min designsmag har ændret sig over tid.

DragDis har også en hel-side gittervisning. Dette giver fantastiske moodboards.

ITerm 2

iTerm er et elegant alternativ til Terminal. Bare for at nævne nogle få funktioner har iTerm 2 ubegrænsede opdelte paneler, inline-billeder og søgning. Selvom Terminal har en masse lignende funktionalitet, forbedrer iTerm 2 konstant.

Muzli

Muzli er en Chrome-udvidelse, der aggregerer designrelateret indhold fra kilder som Designer News, Dribbble, Behance osv.

Hver gang du åbner en ny fane i Chrome Muzli, kilder du det bedste indhold fra hver af disse sider.

Én ting, jeg elsker, er, at de har et personligt valg. Det er som at have din egen personlige assistent til at udvælge de bedste artikler inden for front-end og design.

Noiz.io

Mange producenter kan godt lide at gå til hip kaffebarer for at stemme. Noizio hjælper med at bringe denne stemning til dit hjem. Med Noizio kan du vælge mellem en række baggrundslyde inklusive oktoberregn, kaffehus, tordenvejr og havbølger. Perfekt til at komme ind i zonen.

invision

Invision er en prototype- og workflow-platform, perfekt til samarbejde mellem frontend og designere. Designere kan uploade serier af skærme til et projekt. Så hot link link skærme med hinanden.

De blå sektioner er de sammenhængende områder. Hvis du trykker på eller klikker på dem, fører de dig til næste skærmbillede. Dette er en fantastisk måde for designere at gå klienter og udviklere gennem strømmen. Det er også nyttigt, når man udfører nogle foreløbige kvalitative tests med brugere.

Invision frigav også for nylig en ny funktion kaldet Boards. Tavler giver dig mulighed for at samle inspiration og opbygge moodboards. Den største forskel mellem dette og at bruge DragDis er, at Boards samarbejder, så du kan arbejde med andre teammedlemmer.

Hvad skrifttypen

Typografi er en enorm komponent i design. Derfor er skrifttypen en af ​​mine foretrukne kromudvidelser. Det hjælper dig med at finde ud af, hvilke skrifttyper et websted bruger. Bare peg og klik.

Postbud

Når vi arbejder som frontend-udviklere, er vi ofte nødt til at forespørge API'er eller interagere med vores egne. Postman er et praktisk værktøj, der hjælper dig med at anmode om API'er.

Forestil dig at arbejde på et API-slutpunkt. I stedet for at skulle skrive en tilsvarende forespørgsel eller en CURL-anmodning, kan Postmanden spørge slutpunktet direkte.

Wappalyzer

Wappalyzer er et værktøj til at identificere, hvilke biblioteker og rammer et websted bruger. Den har en Chrome-udvidelse og er langtfra et af de mest nyttige værktøjer til en front-end-udvikler. Næste gang du spekulerer på, hvilket bibliotek et websted bruger til at oprette en bestemt visualisering, har Wappalyzer du dækket.

Bom 2

Boom er en lydstyrkeforstærker og equalizer til Mac. Det er perfekt til, når du koder og har brug for nogle melodier for at øge din produktivitet. Det har et sæt prækonfigurerede profiler til genrer som jazz, hip-hop og dub-step. Du kan også konfigurere tilpassede profiler.

Boom inkluderer også et sæt lydeffekter. Parret med et par hovedtelefoner Bose Quiet Comforts gør lydeffekterne en enorm forskel i din lytteoplevelse.

Hvis det ikke var nok. Her er et par hæderlige omtaler: JSON Viewer til Chrome, Noon Pacific, Flux og Better Snap Tool.

Hvis dit foretrukne værktøj ikke fulgte med på denne liste, så fortæl mig det! Jeg er altid på udkig efter at prøve nye ting. Du er velkommen til at efterlade en note nedenfor eller tweet til mig.

Jeg udgiver hver uge tirsdag morgen. Du kan få opdateringer ved at følge mig på Twitter, hvor jeg poster ikke-sensiske ramblings om design, frontend-udvikling, bots og maskinlæring.

P. S. Hvis du nød denne artikel, ville det betyde meget, hvis du klikker på og deler med venner.