User:Kim/Stations, Skills, Resources: Difference between revisions

Latest revision as of 07:59, 16 June 2026

best page to find instructions: Category:Cookbook

Assessments

Assessment 1
Reflections on Assessment 1
Mock Assessment (2)
Assessment 2 (T4)
Assessment 3 (T6)

Terminal

printing & styling

formatting on the terminal from the Si27
tpp (text presentation program) make slides on the terminal

Web to Print

Pre Post Print

CSS Notes

PDF

HTML + CSS

basics

Jen Simmons CSS Labs Page
Basics of Html video introduction by Laurel
Basics of CSS video introduction by Laurel
On Alternative Text Alt Text as Poetry and Alt Text Selfies
I wrote a HTML/CSS Memo together with User:Kiara
and made a sandbox page to demonstrate CSS Position
Why is CSS so weird?

my favorite podcast on different computer histories:

our friend the computer https://www.ourfriendthe.computer podcast
User:Kim/Stations, Skills, Resources/Backend List

Wiki Website Workshop

special

time

for a work session at varia I made some examples on programming time in CSS and JS: interfacingtime (last slide "code + res")

sound

a collection of sound interfaces

Arduino / physical computing

from the WDKA interaction station:

arduino lightsensor

youtube

Personal Infrastructure

Documentation and Design Practice with Pippin Barr

Local First

no more loose files
declutter and find method for documenting project process
1. generally going by field / year / project (?) (maybe year doesnt make sense because overlap?)
  1. versions (as files or screenshots)
  2. notes
  3. finished object (local website files etc)
  4. images (of presentation ...)
2. what to do with things on drives ? (that I dont want to download everything from)
have all websites as files in one place? (no but structure so I can find them again + localhost)
export and sort notes from obsidian

writing tools

try out Obsidian and git using this plugin explained here pro: possibility to connect obsidian and zotero
or go for basic code editor and git (downside, no implemented footnote workflow etc)

@@ Line 1: / Line 1: @@
-==On Documentation==
+best page to find instructions: '''[[:Category:Cookbook]]'''
-[[User:Kim/Stations, Skills, Resources/Documentation and Design Practice with Pippin Barr|Documentation and Design Practice with Pippin Barr]]
+==Quick Links==
+'''[[User:Kim/Stations, Skills, Resources/Git| Git]]''' <br>
+'''[[User:Kim/Stations, Skills, Resources/Git API| Git API]]<br>
+[[User:Kim/Stations, Skills, Resources/Tools to use instead of Adobe| Tools to use instead of Adobe]]<br>
+[[User:Kim/Stations, Skills, Resources/Markdown| Markdown]]<br>
+'''[[User:Kim/Stations, Skills, Resources/Pelican|Pelican]]'''<br>
+[[User:Kim/Stations, Skills, Resources/Workshops|Workshops]]<br>
+[[User:Kim/Stations, Skills, Resources/VS Codium - Zotero - BibTex|VS Codium - Zotero - BibTex]]<br>
+[[User:Kim/Stations, Skills, Resources/Python Notes|Python Notes]]<br>
+[[User:Kim/Stations, Skills, Resources/Flask|Flask]]
+==Assessments==
+'''[[User:Kim/Assessment 1| Assessment 1]]''' <br>
+[[User:Kim/Reflections on Assessment 1| Reflections on Assessment 1]]<br>
+[[User:Kim/Mock Assessment (2)| Mock Assessment (2)]]<br>
+[[User:Kim/Assessment 2 (T4)| Assessment 2 (T4)]]<br>
+[[User:Kim/T6 Assessment| Assessment 3 (T6)]]
+==Terminal==
+* [[Sandbox]]
+* [https://pzwiki.wdka.nl/mw-mediadesign/images/d/d9/Install-myself-in-the-sandbox.pdf Install myself on the Sandbox] PDF
+* [https://solarpunk.cool/zines/map-is-the-territory/ the map is the territory] Zine
+===printing & styling===
+* [[User:Kim/Special_Issue_27/uptime#formatting_on_the_terminal|formatting on the terminal from the Si27]]
+* [https://github.com/cbbrowne/tpp tpp] (text presentation program) make slides on the terminal
+==Web to Print==
+[[User:Kim/Stations, Skills, Resources/Pre Post Print| Pre ''Post'' Print]]
+=== CSS Notes ===
+* [https://pagedjs.org/posts/notes-about-notes/ paged js article]
+* [https://github.com/w3c/css-print/issues/3 W3C draft specification]
-===Personal Infrastructure===
+===PDF===
-====Local First====
+* [[Weasyprint]]
-# no more loose files
+* [[Imposition]]
-# declutter and find method for documenting project process
+* [https://iffybooks.net/wp-content/uploads/zines/Iffy_Books_pdfbook2_screen.pdf PDF2Book Zine]
-## generally going by field / year / project (?) (maybe year doesnt make sense because overlap?)
-### versions (as files or screenshots)
-### notes
-### finished object (local website files etc)
-### images (of presentation ...)
-## what to do with things on drives ? (that I dont want to download everything from)
-# have all websites as files in one place? (no but structure so I can find them again + localhost)
-# implement static site generator (pelican, Hugo) for personal website
-# try out to build and use a git repository (maybe just something small)
-# export and sort notes from obsidian
 ==HTML + CSS==
 ===basics===
+* Jen Simmons [https://labs.jensimmons.com/ CSS Labs] Page
 * Basics of Html [https://www.youtube.com/watch?v=CkzbI1Tv_rQ video introduction by Laurel]
 * Basics of CSS [https://www.youtube.com/watch?v=BUZIaTHm_oE&t=1s video introduction by Laurel]
@@ Line 27: / Line 51: @@
 my favorite podcast on different computer histories:
 * our friend the computer https://www.ourfriendthe.computer podcast
+* [[User:Kim/Stations, Skills, Resources/Backend List]]
+[[Wiki Website Workshop]]
 ===special===
@@ Line 34: / Line 60: @@
 ====sound====
 * a collection of [https://www.are.na/kim-kleinert/soundfaces sound interfaces]
-====CSS e-mail====
-Day Workshop Initiated by [https://declarations.style/ Declarations] at [https://varia.zone/ Varia] Rotterdam. We looked at e-mails and forms to write css into this or as correspondence.
-<gallery>
-Css-e-mail-1.png|CSS e-mail (transform each reply in a different radius)
-CSS-e-mail-2.png|CSS e-mail by Kim and Kiara
-CSS-e-mail-3.png|CSS email (hiding text using ::before pseudo elements)
-CSS-e-mail-4.png|CSS e-mail (using unicode-range to target and style specific character)
-</gallery>
-Not all Mail clients allow to write/ view HTML and CSS. the two we used were Proton mail (which allows inline style tags) or [https://www.thunderbird.net/en-US/ Thunderbird]. The later comes with an extension that allows you to open and edit e-mails in HTML so you can easily add a style tag to the head. <br>
-Another fun experiment was to add some HTML and styling to an e-mails signature. Some mail clients allow you to either upload a file as signature or add text in HTML or Markup language. The styles in one signature then infect a whole e-mail thread.
 ==Arduino / physical computing==
@@ Line 51: / Line 66: @@
 * [https://interactionstation.wdka.hro.nl/wiki/Sensing_and_making_with_Arduino wiki page from the station skill intro]
-[[File:Arduino-lightsensor.jpg|thumb|right|arduino lightsensor|325x325px]]
+[[File:Arduino-lightsensor.jpg|thumb|center|arduino lightsensor|325x325px]]
+==youtube==
+* [https://www.youtube.com/watch?v=QEJpZjg8GuA Algorithms are breaking how we think]
+* [https://www.youtube.com/watch?v=9cyOXboiGpE&t=9s Sungrazer] by Everest Pipkin
+* [https://www.youtube.com/watch?v=aHUtMbJw8iA Why is CSS so weird?]
+==Personal Infrastructure==
+[[User:Kim/Stations, Skills, Resources/Documentation and Design Practice with Pippin Barr|Documentation and Design Practice with Pippin Barr]]
+===Local First===
+# no more loose files
+# declutter and find method for documenting project process
+## generally going by field / year / project (?) (maybe year doesnt make sense because overlap?)
+### versions (as files or screenshots)
+### notes
+### finished object (local website files etc)
+### images (of presentation ...)
+## what to do with things on drives ? (that I dont want to download everything from)
+# have all websites as files in one place? (no but structure so I can find them again + localhost)
+# export and sort notes from obsidian
+===writing tools===
+* try out Obsidian and git using [https://github.com/Vinzent03/obsidian-git this] plugin explained [https://forum.obsidian.md/t/the-easiest-way-to-setup-obsidian-git-to-backup-notes/51429 here] pro: possibility to connect obsidian and zotero
+* or go for basic code editor and git (downside, no implemented footnote workflow etc)