diff --git a/README.md b/README.md index 5050927..1b85533 100644 --- a/README.md +++ b/README.md @@ -1,13 +1,15 @@ -![Creative Coding Study Session](https://user-images.githubusercontent.com/4602369/150726136-b0e9c273-281a-47cc-9017-b916c569e31f.png) +--- +description: Home page for Creative Coding Study Session +--- -# Creative Coding Study Group +# 🏠 README -➑️ https://github.com/WWCodeTokyo/creative-coding/wiki +![Creative Coding Study Session](https://user-images.githubusercontent.com/4602369/150726136-b0e9c273-281a-47cc-9017-b916c569e31f.png) +## Creative Coding Study Group -## About WWCode +Now in GitBook! -![GitHub Org's stars](https://img.shields.io/github/stars/WWCodeTokyo?style=social) -![Twitter Follow](https://img.shields.io/twitter/follow/wwcode_tokyo?style=social) -![Open Collective backers and sponsors](https://img.shields.io/opencollective/all/wwcodetokyo) +### About WWCode +![GitHub Org's stars](https://img.shields.io/github/stars/WWCodeTokyo?style=social) ![Twitter Follow](https://img.shields.io/twitter/follow/wwcode\_tokyo?style=social) ![Open Collective backers and sponsors](https://img.shields.io/opencollective/all/wwcodetokyo) diff --git a/SUMMARY.md b/SUMMARY.md index b189373..571bd5e 100644 --- a/SUMMARY.md +++ b/SUMMARY.md @@ -1,9 +1,12 @@ # Table of contents -* [README](README.md) +* [🏠 README](README.md) ## πŸ—“ Sessions * [🎨 Session 1: "Great Artists Steal (With Permission)"](sessions/session-1-great-artists-steal-with-permission.md) * [πŸ”³ Session 2: CSS Art](sessions/session-2-css-art.md) * [βš™ Session 3: Processing](sessions/session-3-processing.md) +* [πŸ“– Session 4: Tech Zines](sessions/session-4-tech-zines.md) +* [❓ Session 5: TBD](sessions/session-5-tbd.md) +* [πŸ˜‚ Session 6: Emoji](sessions/session-6-emoji.md) diff --git a/sessions/session-1-great-artists-steal-with-permission.md b/sessions/session-1-great-artists-steal-with-permission.md index dbc8764..d1a35ee 100644 --- a/sessions/session-1-great-artists-steal-with-permission.md +++ b/sessions/session-1-great-artists-steal-with-permission.md @@ -1,3 +1,7 @@ +--- +description: January +--- + # 🎨 Session 1: "Great Artists Steal (With Permission)" Date: Jan 26, 2022, 19:00 JST \ diff --git a/sessions/session-2-css-art.md b/sessions/session-2-css-art.md index f915133..f8a2330 100644 --- a/sessions/session-2-css-art.md +++ b/sessions/session-2-css-art.md @@ -1,3 +1,7 @@ +--- +description: February +--- + # πŸ”³ Session 2: CSS Art 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? diff --git a/sessions/session-3-processing.md b/sessions/session-3-processing.md index 5bf8de1..8953d9f 100644 --- a/sessions/session-3-processing.md +++ b/sessions/session-3-processing.md @@ -1,3 +1,7 @@ +--- +description: April +--- + # βš™ Session 3: Processing [https://www.meetup.com/Women-Who-Code-Tokyo/events/284042719/](https://www.meetup.com/Women-Who-Code-Tokyo/events/284042719/) diff --git a/sessions/session-4-tech-zines.md b/sessions/session-4-tech-zines.md new file mode 100644 index 0000000..05cdcd4 --- /dev/null +++ b/sessions/session-4-tech-zines.md @@ -0,0 +1,79 @@ +--- +description: May +--- + +# πŸ“– Session 4: Tech Zines + +## 1. What are Zines? + +Zines, short for "magazines" are simple booklets of imagery or comics and printed for distribution. The printing is often low-cost, swapping glossy magazine pages for black-and-white photocopy or inkjet printing. More art-grade Zines may be printed via silkscreen or [Risograph](https://en.wikipedia.org/wiki/Risograph). + +Zines have roots in Punk Rock and Art culture, but recently have become a tool to teach about technology. + +### Examples: + +* [https://shop.bubblesort.io/](https://shop.bubblesort.io) BubbleSort Zines by Sailor Mercury +* [https://wizardzines.com/](https://wizardzines.com) Wizard Zines by Julia Evans +* [https://code-art.xyz/issues/](https://code-art.xyz/issues/) Code::Art +* [https://blog.bigcartel.com/tiny-tech-zines-builds-a-community-around-art-critical-theory-and-tech](https://blog.bigcartel.com/tiny-tech-zines-builds-a-community-around-art-critical-theory-and-tech) Tiny Tech Zines +* [https://techzinefair.org/](https://techzinefair.org) New York Tech Zine Fair + +Also, given our Network is based in Tokyo, we must nod to the influence of Manga in educational materials. Ai Minatogawa (湊川 あい) created the illustrations behind [a series of books on software and technology](https://www.amazon.co.jp/-/en/%E6%B9%8A%E5%B7%9D-%E3%81%82%E3%81%84/e/B01N8OK2UW?ref\_=dbs\_p\_ebk\_r00\_abau\_000000). + +## 2. Concept + +What are you trying to teach? What's your message? + +\[ COMING SOON ] + +## 3. Crafting + +Now that you have your idea, how to you make it? + +### Physical Resources + +The most traditional way to make a zine is with REAL Materials. It's time for crafting. Don’t worry if you're not a skilled illustrator, it's normal for Zines to have a "raw" look, and you can mix and layer imagery from other sources.\* + +#### Basic supplies: + +* A4 white paper +* Anything that makes black marks: e.g. chunky markers like Sharpie, fine-tip pens like Sakura Micron, Brush Pens, Sumi ink, crayon... whatever you have on hand +* Scissors +* A magazine with imagery to cut and remix (Think tech magazines, TSUTAYA bookstores often have some great stuff) +* Glue (Ann recommends [γ‚’γƒ©γƒƒγƒ“γ‚―γƒ€γƒžγƒˆ](https://www.yamato.co.jp/products/I00000042/) which can be found at any Japanese convenience store) +* Stapler for binding + +If you're joining us from outside Japan, please adjust as necessary: US Letter for A4, glue stick, whatever writing tools are available. + +#### Advanced supplies: + +* ["Non-photo Blue" pencils](https://www.jetpens.com/blog/The-Best-Non-Photo-Blue-Pencils-and-Pens/pt/339) that are invisible to photocopiers for initial sketches +* Tracing paper (or [make your own](https://www.youtube.com/watch?v=XsSRTcmnewM\&ab\_channel=thefrugalcrafterLindsayWeirich)) +* [Correction tape](https://www.muji.com/jp/ja/store/cmdty/detail/4550344302477) for editing, or layering on white marks +* Washi tape +* Textural materials like decorative papers, half-tone patterns, + +Go to [Seikaido](https://www.sekaido.co.jp) in Shinjuku and check out the Manga section if you really want to go deep 😍 + +#### Printing + +Stop by your neighborhood Conbini and use the photocopier to make prints. Or scan, save as a PDF, and distribute digitally. + +For those of you in Japan, we are lucky to have lots of retro tech like Risographs available to the community. You can also do silk-screen. As these techniques are more advanced, they are beyond the scope of our session, but we're just trying to give you an idea of the possibilities 😊 + +* Silk Screen developing and ink available at [Uematsu](https://e-uematsu.co.jp) in Shibuya +* Risograph: [Hand Saw Press](http://handsawpresstokyo.com) in Shinagawa + +### Digital Resources + +Prefer to work digitally? Here are our recommendations for digital Zine creation: + +* Draw on a tablet like an iPad or Microsoft Surface +* Use [Canva.com](https://www.notion.so/wwcode/Zines-833f018194ac4ea0b70926a3d05172b6#732d41806c6a4d0390b7e3516ee31e56)'s free comic templates +* Try [Pixton](https://app.pixton.com/#/) (paid product with a free 7-day trial) + +## 4. Sharing + +Now the most important part! Share your work with the world. Tell us what you made and we can share within our community πŸ˜„ + +\ diff --git a/sessions/session-5-tbd.md b/sessions/session-5-tbd.md new file mode 100644 index 0000000..715b920 --- /dev/null +++ b/sessions/session-5-tbd.md @@ -0,0 +1,6 @@ +--- +description: June +--- + +# ❓ Session 5: TBD + diff --git a/sessions/session-6-emoji.md b/sessions/session-6-emoji.md new file mode 100644 index 0000000..ea800aa --- /dev/null +++ b/sessions/session-6-emoji.md @@ -0,0 +1,2 @@ +# πŸ˜‚ Session 6: Emoji +