工程師想像中的 SVG

• 做成這樣是要逼死誰
• 千萬不能給客戶看到這個

http://codepen.io/cjgammon/pen/sDCAL

設計師想像中的 SVG

• 我只知道 Ai 裡面可以存 SVG
• 這什麼東西，我不寫 Code
• XML 是什麼？

導致這次的講者坑

居然是由宇庭大大自己填

解放設計師是前端工程師的職責

• SVG 就交給 illustrator 跟 sketch 去產生吧
• CSS animate 讓 SVG 一直玩一直玩

由此可見，能產出 SVG 作品的公司，工程師跟設計師的關係一定很好。

SVG 支援度其實很不錯

SVG 大好

• 向量可放大不受解析度影響
• 瀏覽器支援度高
• 網頁無障礙支援
• 檔案比 jpg/png 還小

就算是 XML，就算要寫 inline CSS

我們還是喜歡 SVG。

Enjoy

Keynote

推薦連結

Styling & Animating Scalable Vector Graphics with CSS