Friske ressourcer til webdesignere og udviklere (januar 2015)

Det er her! Vi har endelig forladt det voldsomme år 2014, og da vi indvarsler en ny begyndelse med det nye år, har vi nyt håb, ønsker og helt sikkert nye værktøjer til at prøve. I dette indlæg har vi sat sammen en håndfuld af perfekte værktøjer og plugins at få det rullende.

Fra et praktisk online testværktøj til noget, der giver nem adgang til mobile designmønstre, er der et par valgmuligheder for at få din 2015 på rette spor.

Seti UI

Seti UI er et sublimt tekst tema, ikke forveksles med Sublim Text Colour Scheme. Temaet i Sublim tekst påvirker appgrænsefladen, f.eks. Fanen og sidebjælken. Seti UI er et inddelt tema. Dens fladt udseende er virkelig rart at se på. Et perfekt valg af tema, hvis du bruger Sublim tekst i Windows 8 eller OS X Yosemite.

IXD-checkliste

At have en tjekliste kan hjælpe dig med at holde styr på, hvad der er gjort, og hvad der skal komme. Hvis du er en brugergrænseflade designer, bør du nok tilføje IXD-checkliste i dit bogmærke.

IXD-checkliste indeholder en samling af fælles opgavelister for at kontrollere. Hvert element understøttes med linkreferencer, så du kan også lære, hvorfor det er på listen. Hvis du foretrækker det, er der en lille knap til venstre, hvor du kan udskrive siden og tjekke listen offline.

Coolors

Nå, vi har en håndfuld værktøjer til at vælge et farveskema allerede. Men ingen er lige så let som dette værktøj, kaldet Coolors. Du skal bare trykke på mellemrumstasten, og det giver et nyt farveskema. Det vil generere et nyt farveskema uendeligt, afledt af sin algoritme og outsourcet fra brugerens bidragsydere, idet du gentager at trykke på mellemrumstasten.

Nibbler

Nibbler er et online testværktøj, der evaluerer og scorer dit websted for forskellige faktorer, herunder kodekvalitet, mobil kompatibilitet og tilgængelighed. Det er praktisk, hvis du vil køre en endelig check for din hjemmeside før lanceringen.

Velositey

Velositey er et Photoshop plugin til at gøre processen med at oprette en hjemmeside prototype i Photoshop easyil og hurtigt. Dette plugin giver dig mulighed for hurtigt at oprette et nyt dokument med et forudindstillet net, tilføje forudindstillede webkomponenter og generere ikoner eller favikoner. Et uundværligt Photohop-plugin til hver webdesigner.

Vagrant Manager

Hvis du bruger Vagrant i OS X, skal du installere Vagrant Manager. Denne app giver dig mulighed for at styre flere miljøer på en mere bekvem måde. Når den er installeret, tilføjer den et nyt ikon i proceslinjen OS X, hvor du kan overvåge og styre dine virtuelle maskiner med kun få klik. Ikke mere messing med kommandolinjer.

CSS Specificitet

CSS Specifity er et berygtet emne for CSS, som ikke er let at fordøje. Dette værktøj er oprettet for at illustrere, hvordan dette specificitetskoncept fungerer på en interaktiv måde. Tegn flere selektorer, og det vil fortælle hvilken vælger der skal anvendes.

CSS Dig

CSS Dig er en Chrome-udvidelse. Og som navnet antyder, vil det grave ind i dit websted og analysere dets CSS. Det vil vise dig en rapport, som du kan evaluere for at udføre nødvendige optimeringer.

Materiale Up

For de af jer, der måske ikke har kendskab til det, har Google lige introduceret Material, en ny filosofi om produktdesign. Materiale Up er en samling apps og hjemmesider, der allerede har vedtaget denne nye filosofi. En god inspirationskilde til webdesignere.

Tindddle

Tindddle hjælper dig med at nyde Dribbble på en mere strømlinet måde. Det vil give dig et udvalg af de bedste “Shots” fra Dribbble. Hvis du ikke kan lide det pågældende skud, skal du trykke på venstre tast på tastaturet, og hvis du kan lide det, skal du trykke på den højre piletast. Alle de Shots, du har ønsket, vises i din Dribbble-konto - her er en prøve.

Mobil Design Mønster

Det Mobil Design Mønster bog er en samling af udvalgte almindelige mobildesignmønstre, der anvendes i mobil i 2014. Det giver ikke kun inspiration, bogen dækker også beslutningen og begrundelsen bag et sådant design. En god bog, der skal være på den digitale boghylde af enhver web- og appdesigner.

FontAwesome Photoshop

FontAwesome er ... awesome. For at gøre det endnu mere ... awesome, installer dette plugin i Photoshop, så du hurtigt kan tilføje det i dit design.