Denne måneds samling er fullpakket med verktøy som spenner over omfanget av webdesignprosjekter. Fra ikonet pakker til sesongvektorer til noen få kule skrifttyper og noen kodestykker for å gjøre livet enklere, tror vi at du finner minst ett element i denne runden som du bruker med en gang.
Hvis vi har gått glipp av noe du tror skulle ha vært på listen, gi oss beskjed i kommentarene. Og hvis du vet om en ny app eller ressurs som skal vises i neste måned, tweet den til @carriecousins å bli vurdert!
Dropbox droppet en ny designoversikt og merkevarebygging denne måneden, og den er fet, fargerik og fullpakket med trendy konsepter. Hva betyr dette for deg? Når store merker lanserer nye designmønstre, blir de ofte trender. Det vil være interessant å se om det modige designdesignskonceptet begynner å trene blant flere nettsteder.
Khroma , som fortsatt er i beta, kaller seg et "AI-fargeværktøy for designere." Du starter med et sett med 50 farger som du velger og trener en algoritme for å generere farger du liker og blokkere de som du ikke gjør. Algoritmen har lært av noen av de mest populære fargepaletter på internett for å produsere gode kombinasjoner; Du kan bla gjennom fargene dine ved hjelp av stikkord, gradient, som palett eller i bilder eller type.
Hvordan visualiserer du best data? Det er et stort designspørsmål. Dette prosjektet viser mange måter å lage diagrammer og grafer med informasjon for en lett å forstå skjerm. Klikk på en hvilken som helst visualiseringstype for informasjon om hvordan det fungerer, funksjon, form og eksempler på live data.
Leter du etter rene CSS-versjoner av de nyeste enhetene? Ta dem fra Devices.css , inkludert iPhone X og 8, Google Pixel, Galaxy S8, tabletter og mer.
URL til PDF er en microservice for gjengivelse kvitteringer, fakturaer eller andre webinnhold i en PDF. API-en konverterer HTML + CSS-innhold til en PDF med hodeløs Chrome ved hjelp av dukketepper.
Lag et kult animert bakgrunnsbilde med bevegelige bobler. Den lille koden er mindre enn 1kB og fyller alltid bredden og høyden på visningsporten, så det er en plug-and-play løsning for en rekke prosjekter. Verktøyet lar deg lage en "bubbly" på lerretet ditt også for et tilpasset utseende.
Shopify har et kult lite verktøy, flyttbare , det er et modulært dra og slipp bibliotek. Du kan flytte elementer, sortere og se alt snap på plass med rask og responsiv sortering. Den fungerer med klikk, berør og tvinge berøring rett ut av esken. Plus, det er utvidbart - skriv en tilpasset modul for ekstra funksjonalitet og send den til Github repo for gjennomgang.
De avstandsverktøy kan hjelpe deg med å forstå din rutenett og design system. Det finnes ulike innganger for enheter, mellomrom og bredder, pluss en type skala.
Skisse brukere vil elske denne "smart" malen som bruker nestede symboler. Malen er et utgangspunkt, slik at du ikke replikerer noen innledende designfaser med hvert nytt prosjekt og kan dykke rett inn i wireframing. Pakken inneholder knapper, innganger, dropdowns, varsler, paginasjoner, verktøytips, kalender, etc. alt som en Sketch-mal. Bare last og start å dra og slippe elementer.
Flow.ai er et verktøy for å lage samtaler med chatbots ved hjelp av kunstig intelligens. Dra og slipp-grensesnittet gir en enkel måte å lage chatbots med avansert funksjonalitet.
Nathan Taylor er Untitled Slider setter en morsom ny vri på samme gamle skyve animasjon. Den roterende, fargeskiftende skyveknappen er dramatisk, interessant og oppsiktsvekkende.
Klebrig sidebjelke er et rent JavaScript-plugin for å lage smarte og høyytende sidebjelker som er integrert med en resize-sensor for automatisk å bestemme dimensjoner når størrelsen på beholderen endres.
Wired Dots er en samling av gratis Bootstrap-temaer, elementer og komponenter. Det nye nettstedet vil fortsette å legge til freebies.
Clockify er et nytt (og gratis) tidssporingsverktøy for byråer og frilansere. Du kan følge opp med prosjekter og arbeidstimer for deg selv eller et lag. Spor etter prosjekt eller se hvor produktiv du er. Manuelle og automatiske tidsporingsalternativer er inkludert.
Føler du at det tar for lang tid å finne riktig nettkurs? Moocha søker på alle kursene på nettet, så alt du trenger å gjøre er å skrive inn et emne - UX-design, for eksempel - og du kan se alt der ute fra steder som edX, Coursera, Udacity og mer.
Det er en måned med alle ting spooky og denne lille vektorsettet er fullpakket med Halloween-temaelementer for nettsteder og trykkdesigner. (De kan være litt mer lunefull enn skumle.)
Dette morsomme settet av søte tegn gir et utgangspunkt for å skape vektor skapninger og personas. Hver karakter ser nesten ut som en fingerdukk i minimalistisk stil.
Dette store settet av open source-glyphs er i den nye iOS 11-stilen med det nye fylte ikondesignet. (De gamle oversiktsikonene brukes ikke lenger i fanefeltet.) Pakken inneholder 200 ikoner som er i samsvar med Apple Retningslinjer.
Jam-ikoner er en pakke med 422 pixel-perfekte linjepiktogrammer. Det er alt fra web-baserte ikoner til retningsbestemt til spillerikoner til tekstikoner og sosiale medierikoner. Du kan bruke ikonet som en skrift med et CSS-stilark eller som uavhengige SVG-filer. (Og de er alle gratis.)
TypeStrap er et CSS-basert type kit som bruker en modulær skala for å hjelpe brukerne med å kontrollere typografi. Den er bygget på Bootstrap 4.
En gruppe type designere jobber med et prosjekt som de kaller en "plattform for designere som bruker type og de som lager den." Fremtidige skrifttyper Lar brukerne lisensiere skrifttyper mens de fremdeles er i gang og gir innspill for å gjøre dem bedre og mer nyttige. Det er som et beta-nettsted for type.
Archia er en enkel skrifttype med for det meste ensartede slag og små serifs. Den inneholder seks stilarter - bare vanlig er en del av gratis nedlasting - og kan fungere for visning eller mindre typer applikasjoner. Den støtter flere språk og leveres med tabulære figurer (en stor bonus hvis du lager tabeller, prislister eller finansielle rapporter).
Jullian er et morsomt skript som har en quirky og moderne stil. Strekkene har en akvarellfølelse, og skrifttypen kommer med en full bokstav og tegnsett, tegnsetting og tall.
Mouron er en vakker, moderne sans serif skrifttype i full versjons stil. Det ville lage en flott plakat eller display skrifttype og inkluderer tall og et sett med morsomme alternative tegn.