Making art with CSS

Creating Art with CSS/cssart.md

@@ -0,0 +1,80 @@
+# Creating Art with CSS
+
+---
+
+## **Cassidy Williams**
+### Engineer at _**Codepen**_
+### @cassidoo
+
+^ I've worked at CodePen for 3 weeks now
+^ I've been making CSS art for almost 3 years
+
+---
+
+## Why are you encouraging this?
+
+---
+
+## Why are you encouraging this?
+
+- Making CSS art will make you better at CSS
+- Making CSS art will help you see graphics modularly
+- Making CSS art will force you to think critically about how you organize your code
+
+^ I first started playing around with CSS art when I found my CSS skills lacking. I started by making more functional things, but then moved on to trying to make drawings with it.
+^ Making these drawings has helped me not only improve my ability to write CSS, but also my organization and ability to solve weird layout problems.
+
+---
+
+## Thinking about CSS Graphics
+
+---
+
+![inline](https://cdn.dribbble.com/users/512663/screenshots/3999527/ill.png)
+
+(Credit: Kristjan Pikk)
+
+---
+
+![inline](https://cdn.dribbble.com/users/623359/screenshots/4799336/take_off__evil_enviroment_-04.jpg)
+
+(Credit: Infographic Paradise)
+
+---
+
+![inline](https://cdn.dribbble.com/users/224535/screenshots/3419134/div_v.png)
+
+(Credit: Molli Ross)
+
+---
+
+## What tools should I have handy?
+
+---
+
+## What tools should I have handy?
+
+- A place to code (e.g. CodePen)
+- A color picker (e.g. Digital Color Meter)
+- Something to measure pixels (e.g. a screenshotting tool)
+
+---
+
+## Let's put all this to good use!
+
+---
+
+## More resources and examples:
+
+- a.singlediv.com
+- **Christina Gorton's CSS Art class:**
+  https://skl.sh/2NZOV2Q
+- **CodePen Spark:**
+  https://codepen.io/spark
+
+---
+
+# Thank you!!
+
+### **@cassidoo**
+