Skip to content

Latest commit

 

History

History
80 lines (46 loc) · 1.61 KB

cssart.md

File metadata and controls

80 lines (46 loc) · 1.61 KB

Creating Art with CSS


Cassidy Williams

Engineer at Codepen

@cassidoo

^ I've worked at CodePen for a few months 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

(Credit: Kristjan Pikk)


inline

(Credit: Infographic Paradise)


inline

(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:


Thank you!!

@cassidoo