[Day 01] 前言、文章大纲

前言

Sass对现在前端来说已经是不可或缺的技术,不仅用起来顺手,如果熟悉之後切版的速度将会加快非常多
这次的文章主要希望能让大家知道如何利用Sass建立自己的CSS Library,不论是工具类的CSS Library,或是和我一样常常在做客制化专案时,要为专案写一套属於这个专案的CSS Library,相信在这次的文章中都能够有所收获!

这次的文章会采用边学边做的方式,会在讲解Sass的观念时顺便做出一套CSS Library
个人认为虽然会从头教,但速度可能不太建议纯新手阅读,建议学过HTML和CSS还有写过任意一门程序语言阅读起来会比较轻松~~

文章大纲

[Day 01] 前言
[Day 02] 环境建置(一) - 安装vs code、nodejs
[Day 03] 环境建置(二) - gulp、compiling SASS
[Day 04] Sass - 简介
[Day 05] Sass - Variables
[Day 06] Sass - Partials
[Day 07] Sass - Project Structure
[Day 08] Sass - Nesting
[Day 09] Sass - Print
[Day 10] Sass - Values
[Day 11] Sass - Operators
[Day 12] Sass - 常用的内建Modules
[Day 13] Sass - Maps
[Day 14] Sass - Lists
[Day 15] Sass - Loop
[Day 16] Sass - Booleans
[Day 17] Sass - Parent Selector
[Day 18] Sass - Mixins
[Day 19] Sass - Functions
[Day 20] Sass - Using @extend
[Day 21] Sass - Media Query
[Day 22] Sass - Making Utilities
[Day 23] Sass - Making a Grid System
[Day 24] 来使用建立好的CSS Libray做一个网页吧!
[Day 25] 缩减CSS档案大小: Purging CSS
[Day 26] 客制化CSS Library
[Day 27] 扩充CSS Library(一): Alerts
[Day 28] 扩充CSS Library(二): Tables
[Day 29] 扩充CSS Library(三): Accorian
[Day 30] 总结


<<:  [Day10] - Tab页签切换效果 - Web Component 的样式设定

>>:  13. 关於 IIFE 的 4 题练习

Android Studio初学笔记-Day29-ButtomNavigationView

BottomNavigationView BottomNavigationView为底部导览按钮,及...

[Day 11] 实作 Ktor i18n 机制

以微框架来说,i18n 不是必备的功能,但如果是想要开发面向一般大众的服务,在这个国际化的时代,i1...

30天轻松学会unity自制游戏-Boss死亡问题跟通关画面

现在Boss死亡时,招唤出来的小兵不会一起死亡,来让Boss的程序加一个死亡布林值,开启一下boss...

AE-LED流动效果4-Day22

接续昨天的练习 1.将白色Solid Pre-compose起来 2.搜寻Camera Lens B...

[Day 24] Scoping — 计画通り

It's truly the beginning. Scoping is a big hurdle...