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