✨
WWCode Tokyo Creative Coding Study Session
  • 🏠README
  • 🗓️Sessions
    • 🎨Session 1: "Great Artists Steal (With Permission)"
    • 🔳Session 2: CSS Art
    • 🖌️Session 3: Developer Tooling
    • Bonus Session: WWCode Connect
    • ⚙️Session 4: Processing
    • 😂Session 5: Emoji
    • 📖Session 6: Tech Zines
    • 🐙Session 7: GitHub Profile Customization
    • 🍡Session 8: Create a "Collection" Website
    • 🤖A.I. for Humor
  • 🧰Resources
    • 🌈Color
    • 🛠️Tools
    • 😊Unicode: Emoji, Symbols, and more
    • 🖼️Imagery & Assets
    • 👯‍♀️Member Show and Tell
  • ❔F.A.Q.s
    • 🪙What about NFTs?
Powered by GitBook
On this page
  • Examples:
  • ⭐️ Tonight's goal: Make CSS art on CodePen
  • Recommended Tutorial 🔰
  • Additional Resources
  • Member Showcase
Edit on GitHub
  1. Sessions

Session 2: CSS Art

February

PreviousSession 1: "Great Artists Steal (With Permission)"NextSession 3: Developer Tooling

Last updated 3 years ago

CSS (Cascading Style Sheets) style the web. But in addition to adorning websites, did you know that pure CSS can be used to create art?

Examples:

⭐️ Tonight's goal: Make CSS art on

We recommend using for fast development, but you are also welcome to use an environment of your choice.

Recommended Tutorial 🔰

Additional Resources

CSS basics

CSS Art

Shapes

Guide to colors 🎨

Member Showcase

Video on

Doraemon

Cat

Kintaro wrestling a Carp by Kuniyoshi

🗓️
🔳
UrbanDecay Naked Palette by Anna Lytical
Dutch Baroque Paining in CSS
Ikko Tanaka
Responsive CSS Grid Books
CodePen
https://codepen.io/
A Beginner's Guide to Pure CSS Images
https://www.w3schools.com/css/
https://developer.mozilla.org/en-US/docs/Web/CSS
How I make CSS Art
Drawing with Code
How to Create CSS Art
How to draw circles, triangles, and more with basic CSS
https://css-tricks.com/the-shapes-of-css/
Resources / Colors
https://codepen.io/nnppc/pen/XWzqPPQ
https://codepen.io/ania-nakayama/pen/VwrxGjZ
https://codepen.io/catbacon/pen/PoOpaVx