Using Jekyll for
Rapid CSS Testing
JekyllConf 2016
Ire Aderinokun
Slide 2
Slide 2 text
Hello!
Ire Aderinokun
User Interface Designer and Front-End Developer
Head of Design & Product, Big Cabal Media
Blogger, bitsofco.de
Slide 3
Slide 3 text
No content
Slide 4
Slide 4 text
No content
Slide 5
Slide 5 text
No content
Slide 6
Slide 6 text
No content
Slide 7
Slide 7 text
No content
Slide 8
Slide 8 text
12 New Properties
x
4 Values Each (on average)
=
48 Combinations
Slide 9
Slide 9 text
12 New Properties
x
4 Values Each (on average)
=
48 Combinations
Slide 10
Slide 10 text
Enter Jekyll
Slide 11
Slide 11 text
Using Jekyll for Rapid CSS Testing
1. Abstract all the potential CSS property-value pairs to a
separate file
2. Use templating to easily create demonstrations of each
property-value pair