SVG-ferdigheter har raskt blitt en viktig del av hvilken som helst frontend-utviklers verktøykasse. SVG tilbyr god støtte, oppløsning og skalerbare bilder som kan redusere behovet for flere HTTP-forespørsler og lett skaleres til flere visningsfelt. Å være i stand til å jobbe med SVG er et must, men hvis du henger etter, ikke bekymre deg fordi vi har dekket deg.
I denne videoen fra Generate San Francisco i juli legger Sarah Drasner ut teknikker for å lage intrikate SVG-animasjoner. Som hun påpeker i sin tale, er animasjon en kraftig måte å formidle mening på; du kan bruke den til å veilede brukerne og kutte ned på opplevd ventetid, og hvis den er bygget riktig, kan den være både nyttig og effektiv.
I utgangspunktet hvis du ikke bruker animasjon i designene dine, bruker du ikke nettet til det fulle potensialet, og her vil hun lede deg gjennom noen kreative teknikker for å manipulere vektorer, fra praktiske ting som datavisualisering, til fantastisk effekter ved hjelp av morphing data baner, filtre og mulighetene for å kombinere teknikker for å skape andre verdenskjente effekter.
Hvis du har 45 minutter til overs, er dette den perfekte muligheten til å hente en forankring i SVG, og hvis du vil ta ting videre, kan du komme deg til en kommende Generate-konferanse for å lære av noen av de beste i bransjen.
På Generate Sydney 5. september vil Val Head diskutere kunsten å grensesnittanimasjoner i sin tale, Motion in design systems. Hun vil dekke viktigheten av å designe og koreografere webanimasjonsarbeidet ditt fra toppen og ned for å skape mer effektive animasjoner som integreres i designsystemet ditt, samt behovet for å definere et bevegelsesspråk for ditt merke, for å hjelpe teamet ditt med å utvikle en felles visjon å jobbe med.
Og det er ikke alt; kort fortalt tar Vals foredrag deg gjennom alle tingene du trenger for å få webanimasjon til å fungere for deg og teamet ditt. Det er ikke lenge til Generate Sydney, men det er fortsatt tid til å ta en billett; bestill nå!
Senere i måneden på Generate London vil Nadieh Bremers tale - SVG utover bare former - se på hvordan du kan ta SVG til neste nivå i å lage datavisualiseringer ved å bruke gradienter og filtre for å gjøre datavisualiseringer enda morsommere og engasjerende.
Hun vil demonstrere hvordan du implementerer teknikkene ved hjelp av JavaScript, CSS og D3.js, og viser deg hvordan du lager alt fra regnbue, bevegelige og dynamiske SVG-gradienter basert på data, til SVG-filtre som du kan lage glød, klebrig og fuzzy effekter som lyser opp noe visuelt. Hvis du ikke har gått utover det grunnleggende om å lage figurer med SVG, vil denne økten virkelig åpne øynene for mulighetene.
Generate London finner sted 21. - 23. september, med en dag med grundige workshops før den to-dagers konferansen; bestill billettene dine nå.