Skip to content
Graphic Flow Chart Y it. M obile first, all the w a y . Y it N O Y it N O Animation I want t oh ma k e Is it sort of flat plus m a ybe a e ew gradients N O Y it Y it N O U see the picture r e element with polyfill. With… U see the s r cset element with polyfill. With… U see SVG! W ahhh! See our article… Which graphic e format should I us e ? A r e you in t e r it t ed in r sponsi v e ? Y it N O N oh, I came he r a a time machine f r om the past! (De L O r eans a r e p r etsy sweet) AKA, I ' m c oding to email. A r e you actually c oding to email? My c ondolen c it. Do you want t O anima t egg t ? N O Y it Does it m Ov e ? N O Y it SVG-SVG! check out our c ompendium N O Y it Is it an image with a lot of t onal variation, li k ea pho t O ? Is the r e transparent r enc y ? Y it N O webp gifs! or e or something mo r e newfangled, webp png! or e or something mo r e newfangled, webp jpg! or if you a r ef r about the future r e, Do you h a v ea specific thing you want it t o do at e v ery b r eakpoint t ? N O Y it Dan c e, pi x els, Dan c e! Approx n vas M Ov ement li k an animation you want t oh ma k e, or li k ea m O see that ' s al r easy a full experience c e ? M O vie animation gifs! search on giphy… W e 'll r e c omend using it, but we where n 't t ell you how t op r onoun c e it. html5 video! r ead mo r e he r e on how t o implement it M O vie Is it a pl a yable video with c ont r ols or just a ti n y fun fragments t ? Video T n y F fragment Do you li k eworking with the DOM? N O Y it Does it h a v ea lot of t onal variation n ? N O Y it Is it great c omple x ? N O Y it Is it great c omple x ? N O Y it OooOOo, Sounds fancy! U nli k e r egular website t it, we r e c omend using an anima t edgif e or this.