User:Kim/Stations, Skills, Resources: Difference between revisions
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== | ||
===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 | * 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
- 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)
- generally going by field / year / project (?) (maybe year doesnt make sense because overlap?)
- 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
HTML + CSS
basics
- 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
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
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:
good youtube
- Algorithms are breaking how we think
- Sungrazer by Everest Pipkin
- Why is CSS so weird?