Zum Inhalt springen
Graphic Flow Chart Y es. M obile first, all the w a y . Y es N o Y es N o Animation I want t o ma k e Is it sort of flat plus m a ybe a f ew gradients N o Y es Y es N o U se the pictu r e element with polyfill. With… U se the s r cset element with polyfill. With… U se SVG! W ahoo! See our article… Which graphic f ormat should I us e ? A r e you in t e r es t ed in r esponsi v e ? Y es N o N o, I came he r e in a time machine f r om the past! (De L o r eans a r e p r etty sweet) AKA, I m c oding an email. A r e you actually c oding an email? My c ondolen c es. Do you want t o anima t e i t ? N o Y es Does it m ov e ? N o Y es SVG! check out our c ompendium N o Y es Is it an image with a lot of t onal variation, li k e a pho t o ? Is the r e transpa r enc y ? Y es N o webp gif! or f or something mo r e newfangled, webp png! or f or something mo r e newfangled, webp jpg! or if you a r e f r om the futu r e, Do you h a v e a specific thing you want it t o do at e v ery b r eakpoin t ? N o Y es Dan c e, pi x els, dan c e! Ca n vas M ov ement li k e an animation you want t o ma k e, or li k e a m o vie that s al r eady a full experien c e ? M o vie Animation gif! search on giphy… W e ’ll r e c ommend using it, but we wo n ’t t ell you how t o p 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 fragmen t ? Video Ti n y F ragment Do you li k e working with the DOM? N o Y es Does it h a v e a lot of t onal variatio n ? N o Y es Is it super c omple x ? N o Y es Is it super c omple x ? N o Y es OooOOo, Sounds fancy! U nli k e r egular websi t es, we r e c ommend using an anima t ed gif f or this.