User:Kim/Special Issue 26

SI26
Pad

Week 2

Declarative Companion

SI26 Declarative companions

• Short, between 8 and 12 simple sentences, using simple words
• Formal, describing the formal characteristics of the object (the shapes of its various parts; its uses; its possible movements; its sensitive ergonomics: hardness, texture, smell, weight, etc.)
• Sensitive, talks about the personal bond we have with the object

My companion has only one color. Its materials, soft leather and a hard plastic shell, compliment each other. Together they build a shape that is ergonomic, fluid, yet compartmentalized. Two ovals are connected by a slightly rounded hanger. In its active mode, the hanger lies on your head, holding the two ovals together that sit on your ears. The parts that directly touch your skin have a soft surface and are padded. My companion is there at any time of the day: It keeps me calm, quiet and focused or lifts me up, detaches me from the outside or brings me right back to it.

Here is a link to my companion website, based on a text by Eleni.

CSS Display and Position

SI26 Display
SI26 Position
Display Group 2 Pad

Examples of CSS Display online:

• 

  Display: table; (wikipedia)

• 

  Display: flex; (Instagram feed)

• 

  Display: grid; (Instagram Profile Header)

• 

  Display: revert; (https://frauenbauen.com/)

• 

  Display: inline-block; (https://fanfarefanfare.nl/)

• 

  Display: block; (Are.na Feed Block)

• 

  Display: inline-flex; (Are.na Feed Buttons)

• 

  Display: none; (Are.na Block Connections)

History

Flex

July 2009: first public working draft of the CSS3 flexbox series: https://www.w3.org/TR/2009/WD-css3-flexbox-20090723/#multiple note that flex properties are named differently in this draft (see property index at the end of the draft)

December 2007: there is however an advanced layout draft from earlier, which was commented on in this e-mail, where flexbox is already mentioned

July 2008: this e-mail really pushes publishing a draft for the 'flexible box model'