Hjemmeside » Webdesign » Friske ressurser for webdesignere og utviklere (januar 2015)

    Friske ressurser for webdesignere og utviklere (januar 2015)

    Det er her! Vi har endelig forlatt det voldsomme året 2014, og når vi innvarsler en ny begynnelse med nyttår, har vi nye håp, ønsker og absolutt nye verktøy for å prøve ut. I dette innlegget har vi satt sammen en håndfull av perfekte verktøy og plugins å få dette rullende.

    Fra et praktisk testverktøy til noe for enkel tilgang til mobile designmønstre, er det ganske mange valg for å få 2015 på riktig spor.

    Seti brukergrensesnitt

    Seti brukergrensesnitt er et Sublime Text-tema, ikke forvekslet med Sublime Text Color Scheme. Temaet i Sublime Text påvirker appgrensesnittet, for eksempel fanen og sidebjelken. Seti brukergrensesnitt er et portet tema. Det flate utseendet er veldig fint å se på. Et perfekt valg av tema hvis du bruker Sublime Text i Windows 8 eller OS X Yosemite.

    IXD-sjekkliste

    Å ha en sjekkliste kan hjelpe deg med å holde styr på hva som er gjort og hva som kommer. Hvis du er en UI-designer, bør du sannsynligvis legge til IXD-sjekkliste i bokmerket ditt.

    IXD-sjekkliste inneholder en samling av felles oppgavelister for å sjekke. Hvert element støttes med lenkehenvisninger, så du kan også lære hvorfor det er på listen. Hvis du foretrekker det, er det en liten knapp til venstre der du kan skrive ut siden og sjekke listen offline.

    Coolors

    Vel, vi har en håndfull verktøy for å plukke ut et fargeskema allerede. Men ingen er like enkelt som dette verktøyet, kalt Coolors. Bare klikk på Space-tasten, og det gir en ny fargevalg. Det vil generere ny fargeskjema uendelig, avledet fra sin algoritme og outsourcet fra brukerens bidragsytere, mens du gjentar å trykke Space-tasten.

    Nibbler

    Nibbler er et online testverktøy som evaluerer og vurderer nettstedet ditt for ulike faktorer, inkludert kodekvalitet, mobilkompatibilitet og tilgjengelighet. Det er praktisk hvis du vil kjøre en endelig sjekk for nettstedet ditt før lansering.

    Velositey

    Velositey er et Photoshop-plugin for å gjøre prosessen med å lage en nettsideprotype i Photoshop easyil og raskt. Med denne plugin kan du raskt opprette et nytt dokument med et forhåndsinnstilt grid, legge til forhåndsinnstilte webkomponenter og generere ikoner eller favikoner. Et uunnværlig Photohop-plugin for alle webdesignere.

    Vagrant Manager

    Hvis du bruker Vagrant i OS X, installer Vagrant Manager. Denne appen lar deg håndtere flere miljøer på en mer praktisk måte. Når den er installert, legger den til et nytt ikon i oppgavelinjen OS X, hvor du kan overvåke og kontrollere dine virtuelle maskiner med bare noen få klikk. Ikke mer bra med kommandolinjer.

    CSS spesifisitet

    CSS Spesifikasjon er et beryktet tema for CSS som ikke er lett å fordøye. Dette verktøyet er laget for å illustrere hvordan dette spesifisitetskonseptet fungerer på en interaktiv måte. Tegn flere selgere, og det vil fortelle deg hvilken velger som skal brukes.

    CSS Dig

    CSS Dig er en Chrome-utvidelse. Og som navnet tilsier, vil det grave inn på nettstedet ditt og analysere CSS. Det vil vise deg en rapport som du kan evaluere for å utføre nødvendige optimaliseringer.

    Material Up

    For de av dere som kanskje ikke er klar over det, har Google nettopp innført Material, en ny filosofi for produktdesign. Material Up er en samling av apps og nettsteder som allerede har vedtatt denne nye filosofien. En god kilde til inspirasjon for webdesignere.

    Tindddle

    Tindddle hjelper deg å nyte Dribbble på en mer strømlinjeformet måte. Det vil mate deg med et utvalg av de beste “Shots” fra Dribbble. Hvis du ikke liker bestemt Shot, trykker du på venstre piltast på tastaturet, og hvis du liker det, trykker du på høyre piltast. Alle skuddene du har likt, vises i Dribbble-kontoen din - her er et eksempel.

    Mobilt designmønster

    De Mobilt designmønster boken er en samling av utvalgt felles mobildesignmønster som brukes i mobil i 2014. Det gir ikke bare inspirasjon, men også boken dekker beslutningen og tankegangen bak et slikt design. En god bok som burde være på den digitale bokhylleen til noen web- og appdesigner.

    FontAwesome Photoshop

    FontAwesome er ... fantastisk. For å gjøre det enda mer ... fantastisk, installer dette pluginet i Photoshop slik at du raskt kan legge det til i designen din.