簡介：本課程通過html5的一系列技術制作一個SVG氣泡的案例，并把生產環境中使用到的一些技術和手段一起介紹給大家。其中包括樣式表調試、SVG編輯和使用、前端依賴管理、資源動態加載等。并且教會大家怎么用chrome去調試CSS和LESS
第1章 課程概覽
如何使用 HTML5 技術以及一系列的工程技術來實現一個酷炫的聊天氣泡？本案例手把手教你使用一些實際開發環境當中常用的工具以及手段來高效制作精彩的效果。
第2章 使用 Chrome 調試 CSS 和 LESS
CSS 大家都很熟練，但是大家調試的方法方式是否高效，太扯淡給你一個更好的選擇！覺得 CSS 逼格不夠高？太扯淡給你推薦更高效率的 LESS。使用 Chrome 瀏覽器，配合 wr 工具，輕松快速調試 LESS 樣式表！
第3章 Illustrator 與 SVG
使用 Adobe 強大的矢量工具編輯 SVG 文件，如何在頁面中使用到。編輯之后的 SVG 文件，如何動態加載？為了實現動態加載加入第三方工具的依賴，怎么管理這些依賴？太扯淡講師給你娓娓道來。