SI26 Declaration

WEEK 0

intro to SI26 Declarative companions

↘︎ Annotation

afternoon exercise
↘︎ declaration exercise on Claudio's prompt

WEEK 1

SI26: CSS linguistics

afternoon exercise - on 'position' property

Position

CSS snapshot 2021

↘︎ bit of history

in CSS1, released in 1996, element positioning was mainly focused on using basic styling features such as fonts, colors, text properties, margins, and padding. table based layouts were mostly used but it was challenging to achieve precise layout, because it was inefficient and difficult to maintain (especially for its accessibility and responsiveness). nautrally, there were increasing needs for more flexible and intuitive layout techniques for webpage, therefore position was developed.

so the position property we use today was first introduced in CSS2 in 1998 May, while there have been some improvements since then, the core concept and behavior were pretty much established in CSS2. The position properties such as static, relative, absolute, and fixed, have remained almsot unchanged to this day. except for sticky, which was introduced with CSS3 in 2012, the fundamental principles and usage were almost fully established with CSS2.

materiality

↘︎ write how elements are positioned and function within a web environment as if they exist in physical space

Static:
- works like a basic rule of physics, like gravity, flowing from top to bottom

Relative:

Absolute:

Fixed:

Sticky:

where do they came from?

↘︎ how much is it borrowing from other design practices?

Static:
- classic document type, which writes from top to bottom
- a theater backdrop that doesn’t move, giving the story a fixed setting.

Relative:

Absolute:
- catalogues 
- graphics in news screen, (like weather forecast map)

Fixed:
- navigators
- advertisement banners 
- signage in public spaces

Sticky:
- mobile phone user experience(scroll and slide), and navigators
- Post-it

WEEK 2

Web extension

📖 Tactical Design

WEEK 3

on tuesday with Manetta, she showed us House of Dust by Alison Knowles.
annotations from the House of Dust journal

* from random import choice


* material = [""]


* location = [""]


* light_source = [""]


* inhabitants = [""]


* print("")

* print("A HOUSE OF " + choice(material))

* print("      " + choice(location))

* print("            USING " + choice(light_source))

* print("                  INHABITED BY " + choice(inhabitants))

* print("")

Inspired by the House of Dust, and display:flex; property sharing session from the last week, I made the first sketch of peekaboo(working title🥸)
I will keep logging the progress of it on the page. I'm excited to develop it, possibly with Claudio if he wants to.

WEEK 4

Another sharing session of position properties, most confusing one for me is position: absolute.

Doriane talked about using AI to handle coding, and I’m really glad she brought it up. because it was an alarming moment for me, and a strong reminder of what I’m giving up by relying on AI to do what I can’t do with my set of skills at the moment.
it is very frustrating when I have an image in my head of something i want to create, but my coding skill doesn't follow through, leaving me empty handed at the end of the day. But she is absolutely right, in the end, it really will be worth it to do it myself from the scratch. I'll have the superpower😈.

tuesday with Joseph exercise on making browser extension using JSON/html/css/javascript
he shared this zine project by Lidia in 2015 https://ilu.servus.at/ super cool I love it🙌

User:Zuhui/SI26/Weekly log

Contents