SF 講堂推薦「寫 CSS 也要開腦洞：萬能的 `:checked + label`」要開播啦

講座地址為：寫 CSS 也要開腦洞：萬能的 `:checked + label`

各位，全棧工程師 -- Meathill（翟路佳） 會在今晚 20:00 為大家帶來一場講座，主題是《寫 CSS 也要開腦洞：萬能的 `:checked + label`》。

他會講些什麼？可以看看他線上 Slide 地址：寫 CSS 也要開腦洞：萬能的 `:checked + label`

以下為內容簡介：

• 你可能不知道，網上那些看起來高大上的表單控制項，實現的機制都是 :checked + label。這一對 CSS3 新增的選擇器幫助我們將純 CSS 組件的版圖拓展出去一大塊。再複合其它的元素和選擇器，比如動畫、~ 、flexbox，我們可以開發出更多又好看又好用兼容性又好的表單控制項。

本次分享將包含以下重點：

• 使用 <label> 替換常規 radio 和 checkbox
• 開關控制項的編寫
• 多選控制項的編寫
• 星星打分控制項的編寫
• 結合 Vue 開發標籤輸入組件
• 通過學習本次分享，您將學會：
• CSS 預處理工具 Stylus 的使用
• 了解到 CSS3 若干新增元素
• CSS 動畫基礎

面向用戶：

• 寫過 CSS，具備 CSS 基礎。
• 平時布局寫的比較多，希望學習了解其它 CSS 技巧。
• 對組件比較感興趣的同學。

講師往期講座：

• Promise 的 N 種用法

• jQuery, Backbone, Vue
• Web 永恆不變的主題：布局——Box，Flex，Grid

推薦閱讀：