![](/assets/artwork/1x1-42817eea7ade52607a760cbee00d1495.gif)
41 min
![](/assets/artwork/1x1-42817eea7ade52607a760cbee00d1495.gif)
#16 : SVG Frontend Friday
-
- Technology
PodLuolan syvyyksistä avataan sanaista arkkua SVG:n suhteen. Jaksossa käydään läpi vektorigrafiikan lyhyt historia webissä. Lisäksi annetaan muutama vinkki SVG:n käyttöön sekä mahdollisuuksiin.
Caniuse.com svg-tuki
Media Queryt svg:n sisällä
SVG:n käyttö
Responsiiviset kuvat ja svg
SVG:n exporttaus Illustratorista
SVG:n optimointia webiin SVGO:lla ja SVGOMG:lla sekä yleisesti SVG:n optimoinnista
SVG:n tyylittely ja animointi CSS:n avulla
SVG:n animointi
Älä ehkä mahdollisesti base64-enkoodaa SVG:tä
Ikonifontit vs. SVG
Lonelyplanet.com (ei hotels.com, kuten jaksossa muistelin) vaihtoi SVG:hen
SVG:n use-tagin käytöstä
Sara Soueidanin blogi
Stripen checkout-demo
Snap SVG javascript-kirjasto
Sideproject Oulu Slack-kanava
PodLuolan syvyyksistä avataan sanaista arkkua SVG:n suhteen. Jaksossa käydään läpi vektorigrafiikan lyhyt historia webissä. Lisäksi annetaan muutama vinkki SVG:n käyttöön sekä mahdollisuuksiin.
Caniuse.com svg-tuki
Media Queryt svg:n sisällä
SVG:n käyttö
Responsiiviset kuvat ja svg
SVG:n exporttaus Illustratorista
SVG:n optimointia webiin SVGO:lla ja SVGOMG:lla sekä yleisesti SVG:n optimoinnista
SVG:n tyylittely ja animointi CSS:n avulla
SVG:n animointi
Älä ehkä mahdollisesti base64-enkoodaa SVG:tä
Ikonifontit vs. SVG
Lonelyplanet.com (ei hotels.com, kuten jaksossa muistelin) vaihtoi SVG:hen
SVG:n use-tagin käytöstä
Sara Soueidanin blogi
Stripen checkout-demo
Snap SVG javascript-kirjasto
Sideproject Oulu Slack-kanava
41 min