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

From XPUB & Lens-Based wiki
No edit summary
(25 intermediate revisions by the same user not shown)
Line 1: Line 1:
==On Documentation==
[[User:Kim/Stations, Skills, Resources/Documentation and Design Practice with Pippin Barr|Documentation and Design Practice with Pippin Barr]]
===Personal Infrastructure===
====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
====Personal Website====
# implement static site generator (pelican, Hugo) for personal website
# try out to build and use a git repository (maybe just for something small)
===Assessments===
'''[[User:Kim/Assessment 1| Assessment 1]]'''
==HTML + CSS==
==HTML + CSS==
some related resources:
===basics===
* 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]
* On Alternative Text [https://alt-text-as-poetry.net/ Alt Text as Poetry] and [https://alttextselfies.net/ Alt Text Selfies]
* On Alternative Text [https://alt-text-as-poetry.net/ Alt Text as Poetry] and [https://alttextselfies.net/ Alt Text Selfies]
* I wrote a '''[[HTML/CSS Memo]]''' together with [[User:Kiara]]
* I wrote a '''[[HTML/CSS Memo]]''' together with [[User:Kiara]]
* and made a sandbox page to demomstrate '''[https://hub.xpub.nl/cerealbox/~kim/cssposition/ CSS Position]'''
* and made a sandbox page to demonstrate '''[https://hub.xpub.nl/cerealbox/~kim/cssposition/ CSS Position]'''
* [https://youtu.be/aHUtMbJw8iA?si=8sEUrQXD9B3iFNry Why is CSS so weird?]
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
===special===
====time====
* for a work session at varia I made some examples on programming time in CSS and JS: [https://kimkleinert.com/interfacingtime/ interfacingtime] (last slide "code + res")
====sound====
* 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 [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==
==Arduino / physical computing==
from the WDKA interaction station:
* [https://interactionstation.wdka.hro.nl/ homepage]
* [https://interactionstation.wdka.hro.nl/wiki/Sensing_and_making_with_Arduino wiki page from the station skill intro]
[[File:Arduino-lightsensor.jpg|thumb|center|arduino lightsensor|325x325px]]
==good 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?]

Revision as of 09:28, 24 March 2025

On Documentation

Documentation and Design Practice with Pippin Barr

Personal Infrastructure

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

Personal Website

  1. implement static site generator (pelican, Hugo) for personal website
  2. try out to build and use a git repository (maybe just for something small)

Assessments

Assessment 1

HTML + CSS

basics

my favorite podcast on different computer histories:

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

CSS e-mail

2 Day Workshop Initiated by Declarations at Varia Rotterdam. We looked at e-mails and forms to write css into this or as correspondence.

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.
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

from the WDKA interaction station:

arduino lightsensor

good youtube