Relearn 2017


body structure (html)
style & ornament (css)
+ interactions (js…)

Ornament & body structure are at the same place
-> direct & intuitive link
-> what is annoying for them is not to have content showing next to the styling
-> still using the paradigm of the page to fill with visual content

« Print vs. electrons
Imposition vs. Sorting with tags »
(Alessandro Ludovico, Post-digital print)
-> some nice anecdots still useful
-> emphasis the fact that imposition is still a manual process

U+2580        ▀        Upper half block
U+2581        ▁        Lower one eighth block
U+2582        ▂        Lower one quarter block
U+2583        ▃        Lower three eighths block
U+2584        ▄        Lower half block
U+2585        ▅        Lower five eighths block
U+2586        ▆        Lower three quarters block
U+2587        ▇        Lower seven eighths block
U+2588        █        Full block
U+2589        ▉        Left seven eighths block
U+258A        ▊        Left three quarters block
U+258B        ▋        Left five eighths block
U+258C        ▌        Left half block
U+258D        ▍        Left three eighths block
U+258E        ▎        Left one quarter block
U+258F        ▏        Left one eighth block
U+2590        ▐        Right half block
U+2591        ░        Light shade
U+2592        ▒        Medium shade
U+2593        ▓        Dark shade
U+2594        ▔        Upper one eighth block
U+2595        ▕        Right one eighth block
U+2596        ▖        Quadrant lower left
U+2597        ▗        Quadrant lower right
U+2598        ▘        Quadrant upper left
U+2599        ▙        Quadrant upper left and lower left and lower right
U+259A        ▚        Quadrant upper left and lower right
U+259B        ▛        Quadrant upper left and upper right and lower left
U+259C        ▜        Quadrant upper left and upper right and lower right
U+259D        ▝        Quadrant upper right
U+259E        ▞        Quadrant upper right and lower left
U+259F        ▟

U+25F0        ◰        White square with upper left quadrant
U+25F1        ◱        White square with lower left quadrant
U+25F2        ◲        White square with lower right quadrant
U+25F3        ◳        White square with upper right quadrant

U+25A4        ▤        Square with horizontal fill
U+25A5        ▥        Square with vertical fill
U+25A6        ▦        Square with orthogonal crosshatch fill
U+25A7        ▧        Square with upper left to lower right fill
U+25A8        ▨        Square with upper right to lower left fill
U+25A9        ▩        Square with diagonal crosshatch fill

▀ ▁ ▂ ▃ ▄ ▅ ▆ ▇ █ ▉▊▋▌▍▎▏▐ ░ ▒ ▓ ▔ ▕ ▖▗ ▘▙ ▚ ▛ ▜▝ ▞ ▟

Use unicode characters as a visual and intuitive representation of the designed elements

Width of blocks based on grid
▌half of the page (1/2 column)
▎one fourth of the page (1/4 column)
▝ one fourth of the page (top right corner)

Position in page
◰ align to left top corner of page
◱ align to bottom left corner of page
◲ align to bottom right corner of page
◳ align to right top corner of page

Crosshatched elements for a bitmap like background pattern (cf: illustrator’s default 

level of transparency
░ 25%
▒ 50%
▓ 75%


Drawing shapes
▭ rectangle
△ triangle
□ rectangle
○ circle

Box drawing


▌◰ ▨
In this book, Alessandro Ludovico re-reads the history of the avantgarde
arts as a prehistory of cutting through these dichotomies. He
shows how contemporary forms of networked publishing – using
whichever medium or technology – were in fact prefigured by 20th
and 21st century artists and their media experiments.