SI26 Display

This page develop a sensible, linguistic, technical, visual and cultural approach of the CSS display property.

prompt:

1. we write an intuitive understanding of what Display is about
2. we write a list of what the word "Display" mean to us in context outside of CSS
3. for each of those value keywords, we write an intuitive understanding of what they do, using analogies and metaphors
4. for each of those value keywords, we try to understand when it was implemented and why where the reason to add it to the standard, with references
5. for each of those value keywords we'll try to screenshot some online examples
6. for each of those value keywords we'll ask: how much is it about web-materiality, how much is it borrowing from other design practice

• block
• inline
• inline-block
• none
• table
• flex
• grid

example of displays in culture

• https://en.wikipedia.org/wiki/File:Sv%C3%A6rtegade_3_-_shop_windows_02.jpg
• https://en.wikipedia.org/wiki/File:Easter_PoS_Display.JPG
• https://en.wikipedia.org/wiki/File:Feather_of_male_Pavo_cristatus_(Indian_peafowl).jpg
• https://en.wikipedia.org/wiki/File:TalaveraDisplayFranzMayer.jpg
• https://en.wikipedia.org/wiki/File:Gallery_of_Old_European_Painting_Campin.jpg
• https://en.wikipedia.org/wiki/File:Standard_web_banner_ad_sizes.svg
• https://en.wikipedia.org/wiki/File:Fallblattanzeigetafel_ausschnitt_ffm_hbf.jpg
• https://en.wikipedia.org/wiki/File:MacBookEeePCNintendoDS.JPG