CSS FOR FUNSIES
Seattle, WA - August 07 2018
What is CSS? What are some of the things we can do with CSS? Isn't CSS super boring and old? Who still uses CSS? Why do I need to even learn CSS?
- LEARN THE THING - be able to walk away from this workshop having learned something new.
- INSPIRE THE THING - spark curiosity and inspire you to dive more into the world of CSS and design.
- DO THE THING - go out there and build using new CSS tools.
- BE THE THING - get over your fear of CSS and encompass all that CSS can provide for you.
I've provided a collection of pens that have all or some of the HTML written out. All that's left is for you to finish it and style it. Go crazy! Be creative! Have fun!
- Creating Basic Shapes
- Transforming Shapes
- Box-Shadow Pixels
- Positioning Elements
- Basic Animations with CSS
- Single Div Icon - Recreate your favorite icon
- Animal - ROAR! Drawing your favorite animal
- Scenery - The backgrounds are just noise
- Self Portrait - Illustrate yourself with CSS!
WELL WHAT ARE YOU WAITING FOR? GET TO CSSin'
All pens are contained in the following collection for your convenience: Cogrammers + CSS Collection
These are some of my favorite resouces and inspiration. I enjoy just browsing codepen from time to time and indulging in the amazing work people do here with HTML/CSS & JS.
INSPO + AMAZING PEOPLE TO FOLLOW:
- Collection of Single Div Drawings by Lynn Fisher
- Cogrammers + CSS Collection
- Collection of various CSS images by various people
- Una Kravets
- Sasha Tran
- Yulia Sokolova
- Chris Coyier
- Gabrielle Wee
- Sarah Drasner
- Real CSS Tricks
- Beginners Guide to Pure CSS Images
- Pixel Art to CSS
- How to do a self illustration in CSS
- Pure CSS Oil Paiting
- Using only CSS to draw & animate
- CSS Zen Garden
- CSS Flexbox
- CSS Selectors
- CSS Grid