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

From XPUB & Lens-Based wiki
 
(67 intermediate revisions by the same user not shown)
Line 1: Line 1:
best page to find instructions: '''[[:Category:Cookbook]]'''
==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]
===PDF===
* [[Weasyprint]]
* [[Imposition]]
* [https://iffybooks.net/wp-content/uploads/zines/Iffy_Books_pdfbook2_screen.pdf PDF2Book Zine]
==HTML + CSS==
==HTML + CSS==
===basics===
===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 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]
* Basics of CSS [https://www.youtube.com/watch?v=BUZIaTHm_oE&t=1s video introduction by Laurel]
Line 9: Line 51:
my favorite podcast on different computer histories:
my favorite podcast on different computer histories:
* our friend the computer https://www.ourfriendthe.computer podcast
* our friend the computer https://www.ourfriendthe.computer podcast
* [[User:Kim/Stations, Skills, Resources/Backend List]]
[[Wiki Website Workshop]]


===special===
===special===
Line 16: Line 60:
====sound====
====sound====
* a collection of [https://www.are.na/kim-kleinert/soundfaces sound interfaces]
* a collection of [https://www.are.na/kim-kleinert/soundfaces sound interfaces]
====CSS e-mail====
2 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 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.


==Arduino / physical computing==
==Arduino / physical computing==
Line 32: Line 66:
* [https://interactionstation.wdka.hro.nl/wiki/Sensing_and_making_with_Arduino wiki page from the station skill intro]
* [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)

Latest revision as of 07:59, 16 June 2026

best page to find instructions: Category:Cookbook

Quick Links

Git
Git API
Tools to use instead of Adobe
Markdown
Pelican
Workshops
VS Codium - Zotero - BibTex
Python Notes
Flask

Assessments

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

Terminal

printing & styling

Web to Print

Pre Post Print

CSS Notes

PDF

HTML + CSS

basics

my favorite podcast on different computer histories:

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

Arduino / physical computing

from the WDKA interaction station:

arduino lightsensor

youtube

Personal Infrastructure

Documentation and Design Practice with Pippin Barr

Local First

  1. no more loose files
  2. 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)
  3. have all websites as files in one place? (no but structure so I can find them again + localhost)
  4. 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)