http://openstructures.net/ https://cryptpad.fr/slide/#/1/edit/SDkmi12jIYRHEAzK-EpmPA/kwX400Oo3RmiLiXpu7j9q81J/ Marcel proposed this side of the track originally. 3 - http://complex.local/headless-design-publish/headless-design/quentin2/occurencelennacolors.txt - of usage ? 3 - Having recognized excellence or authority. 1 - http://complex.local/headless-design-publish/headless-design/quentin2/lenna2new.txt - low level programming languages Designing without icons. What does that mean? Does it change your practise? password: entrepot And also re reading https://monoskop.org/images/a/a6/Ludovico,_Alessandro_-_Post-Digital_Print._The_Mutation_of_Publishing_Since_1894.pdf and finding some nice ideas for the elaboration of this comparison Unix Time-Sharing System Forward, Doug McIlroy, Bell Laboratories, 1978, p. 1902 --- Syntax highlighter http://complex.local/headless-design-publish/headless-design/quentin2/lennanew-transformed.txt - Resene (a Color-Name Dictionary : http://people.csail.mit.edu/jaffer/Color/Dictionaries.html#Introduction) Working in a gui sometimes feels like working as a blind man, not knowing what happens, and being focused on the outcomes. UNIX as it's own religion? --------------------- --------------------- Researching the resistance of tools which are not usually used by designers Mapping the mornig session with graphviz (tree) and then representing it in another way to display the translateral links between elements. How does the structure i write, connect to what happens on the screen. And see how you then can use that to change your design from a linguistic approach. 1 - Falling within an accepted range of size, amount, power, quality, etc. Literaldraw by OSP : http://osp.kitchen/tools/literaldraw/ What do we mean with the shell? 4- Caculate the occurence of words to resume the image http://complex.local/headless-design-publish/headless-design/quentin2/txt_lena.txt Analyzing the instruction models? cooking recipes? Code is a manifesto of your design There is also a sense of 'purity' when writing code yourself. But then there are many more steps to take. ... expressing designs, friction between the showing and the doing Umberto Eco http://complex.local:9001/p/headless-houghlines Image code to produce image/image as a code : https://affinelayer.com/pixsrv/ - (both ?) http://www.revue-backoffice.com/numeros/01-faire-avec/eric-schrijver-culture-hacker-peur-wysiwyg - assembly - of intentions ? | | | | You need to speak the language of the text interface. Design & typography is very closely related, and now, with the command line as a central tool, even more. Conditional design manifesto : the Bible was written in Latin, making it less accessible to a general audience, who then had to rely on the images present in the book, whereas protestantism is more focused on the individual interpretation of text - Wikipedia (https://en.wikipedia.org/wiki/Lists_of_colors) Designing Dictionaries Headless Design: Producing a manifesto : wget -qO- http://complex.local:9001/p/Ransom-Headlessnesss-in-the-Design/export/html | sort | curl -F "file=@-;type=text/plain" http://192.168.73.188:9001/p/Ransom-Headlessnesss-in-the-Design-sorted-html/import && wget -qO- http://complex.local:9001/p/Ransom-Headlessnesss-in-the-Design-sorted-html/export/html | node stdin.js sorted-html.pdf Sort the html, get and print to pdf Find a different way to design the design-languages Pointing and refering Atom supported languages Trying to find a logic to make layout design with using block unicode characters, Paul Cox's book made of visual patterns refering to colors - - wget -qO- http://complex.local:9001/p/Ransom-Headlessnesss-in-the-Design/export/txt | sort | curl -F "file=@-;type=text/plain" http://192.168.73.188:9001/p/Ransom-Headlessnesss-in-the-Design-sorted-txt/import && wget -qO- http://complex.local:9001/p/Ransom-Headlessnesss-in-the-Design-sorted-txt/export/html | node stdin.js sorted-txt.pdf The accent is the language? Sol Lewitt https://ia902701.us.archive.org/BookReader/BookReaderImages.php?zip=/12/items/bstj57-6-1899/bstj57-6-1899_jp2.zip&file=bstj57-6-1899_jp2/bstj57-6-1899_0003.jp2&scale=1&rotate=0 https://ia902701.us.archive.org/BookReader/BookReaderImages.php?zip=/12/items/bstj57-6-1899/bstj57-6-1899_jp2.zip&file=bstj57-6-1899_jp2/bstj57-6-1899_0003.jp2&scale=1&rotate=0 Tree representation or not ? --> synesthesy interpretation of colours (numbers, days of the week, months) Same with a lower definition : - expect the output of a program to become the input of the next Is there any affective relationship with the shell? And at the same time trying to make a comparison between the logics of wisiwig and inline/coded design from the designer's point of view https://ss64.com/bash/ Or if that fails: http://www.brotherdriver.com/brother-hl-1430-driver/ inkscape (xml editor - also, there is spiro) "Through the influence of the media and technology on our world, our lives are increasingly characterized by speed and constant change. We live in a dynamic, data-driven society that is continually sparking new forms of human interaction and social contexts. Instead of romanticizing the past, we want to adapt our way of working to coincide with these developments, and we want our work to reflect the here and now. We want to embrace the complexity of this landscape, deliver insight into it and show both its beauty and its shortcomings. - Converting the NYT front page text to 91 different programming languages and combining them into one pdf. https://en.wikipedia.org/wiki/Tincture_(heraldry) Saphir Whorf hypothesis: once you start thinking in a certain language, it limits the thoughts you have. Who get to write the web ? http://i.liketightpants.net/and/who-makes-standards Codeability of designs. Open structures source: unix timesharing system maxims IBM (HAL) Abstracting away design concepts and reusing elements done by other people- https://www.openprinting.org/ppd-o-matic.php?driver=hl1250&printer=Brother-HL-1430&show=1 Umberto Eco: the Macintosh was introducing a 'catholic' approach, rather than the protestant of the previous cli -like interfaces. 2- Pick an image (Lenna) Thomas had originally proposed this track wget -qO- http://192.168.73.188:9001/p/Ransom-Headlessnesss-in-the-Design/export/txt | less - recipe ? Tim Ingold, in "A brief history of lines" describes the evolution of writing text and points out the fact that written text was first written without any spaces and then litlte by little became "composed", with indentations, paragraphs breaks etc for readability reasons https://taskscape.files.wordpress.com/2011/03/lines-a-brief-history.pdf -> what could be an "interface" to the Bible narrative is the stained glass of the churches with the representations of the biblic scenes, that made the story accessible to a even bigger amount of people includig the non readers ones Will this juxtaposition 'end in' a Beeldenstorm? (what are the implications) Stubborn pad: replace more with less interesting design just by using commandline All first input shall come from our track's pad http://complex.local:9001/p/headless-grepping-unix-time-sharing Markdown = Code? Google quick draw https://quickdraw.withgoogle.com/ Move from Graphics to Language Try to examine how coding influences design? Code and GUI are just two representations of the same abstact structure. Catholic: icons, images, (iconisation of abstract notions) to push this parallel -> the Mac http://relearn2017-headless.surge.sh/ The word shell comes from the fact that it brings multiple programs together. the other side of the interface, the command line being the accessibility of this alternate side Can the concept of "piping" be translated? stereotypes This way of working is relatively new for the graphic design field. TOOLS TO PRODUCE IMAGES 'Formalise' maxims for headless design. "Can one pipe one design into another?" ---------------------- Mapping different ways of representing a layout This metaphor does still apply now with the GUI & command line. Recipe to display the contents of this pad in less: - Grepping the terms input, output and design in the UNIX Time-Sharing journal from 1978 except the output of every program to become the input to another, as yet unknow program - Crayola (https://en.wikipedia.org/wiki/List_of_Crayola_crayon_colors) here is the list of the color values of the image pixel by pixel : 2 - http://complex.local/headless-design-publish/headless-design/quentin2/lenna2new-transformed.txt Mapping into (natural language) language https://u4493183.dl.dropboxusercontent.com/u/4493183/mapping%20in%20text.jpg Sort the text, get and print to pdf CHARACTERS/GLYPHS And Move from Language to Graphics Aaaarhg graphviz trouble here the result shall become the new input of another operator [becoming a new standard] 1- Trying to reverse this process http://osp.kitchen:9999/p/relearn-2017-RHitDoL Image as language Linguistic relativity https://en.wikipedia.org/wiki/Linguistic_relativity wtb There was a generation that started to work with GUI's. Now there is a group of designers that work from a coding background. List of unicode characters https://en.wikipedia.org/wiki/List_of_Unicode_characters http://www.cs.dartmouth.edu/~mckeeman/gifs/dance1.gif Get a text from a pad in the terminal: Sort the html: git clone relearn@192.168.73.188:/var/www/html/headless-design/ Who get's to decide what is the standard https://en.wikipedia.org/wiki/Atom_(text_editor) Design or build operating systems http://192.168.73.188:9001/p/terminal-import/ Protestant: interpretation of the bible is left to the reader, the believer. -> the CLI ▀ ▁ ▂ ▃ ▄ ▅ ▆ ▇ █ ▉▊▋▌▍▎▏▐ ░ ▒ ▓ ▔ ▕ ▖▗ ▘▙ ▚ ▛ ▜▝ ▞ ▟ ▤ ▥ ▦ ▧ ▨ ▩ ◰ ◱ ◲ ◳ There is a paradox in the code editors; code is supposed to lead to interfaces but the code is already an interface in itself because of its highlighting syntax system Mapping as structures https://u4493183.dl.dropboxusercontent.com/u/4493183/mapping_new_york_times.jpg Standardization grammar of the design process obtained with Imagemagick : examples : GUI generates code script : (Notations for dance movements) >> http://www.phantomranch.net/folkdanc/images/joc_de_zestre_notation.gif /// https://s-media-cache-ak0.pinimg.com/originals/5b/35/a4/5b35a4ce33f7e84d69d64bd5a336abca.png - object oriented programming languages, libraries export & import | quine | https://en.wikipedia.org/wiki/Quine_%28computing%29 http://www.andre-simon.de/doku/highlight/en/install.php how to find the closer name reference of a color value : For example: css has lots of hierarchies The command line as a central tool in a design practice. graphviz (dot (basic, oriented graph !) or neato ? (+command line -> unoriented graph)) Text based interfaces, text based parameters Hacker = Command line = Fear - A circle in bash The result is 'delayed' instead of instant gratification in the process of designing. One has to wait for the script to run, which is a text based process, rather than a visual. 140 cross-browser supported color names make each programm do one thing well Houghlines metafont (curves are pre-defined) https://www.w3schools.com/cssref/css_colors.asp 3- Using the standards of the css colors designation to re-create this image with words http://www.paulcox.centrepompidou.fr/article-270040.html Relationships, Fields, Grids, Naming systems, Hierarchies, Areas, Scales, Colors ---> Is there a way to use code without visual appearance ? Our work focuses on processes rather than products: things that adapt to their environment, emphasize change and show difference. A number of maxims that have gained currency among the builders and users of UNIX What’s my color? rose pale wget -qO- http://192.168.73.188:9001/p/[[padname]]/export/txt Headless art tº•ls Design more and more starting from/fricting with software & technological background. Ie. going from Photoshop to HTML. while true; do wget -qO- http://192.168.73.188:9001/p/gnu-is-not-exploding/export/txt | sed 's/gnu/gnu is not unix/' | curl -F "file=@-;type=text/plain" http://192.168.73.188:9001/p/gnu-is-not-exploding/import; sleep 1; done; The borders are blurry. Language of Design: How does this shift connect to the tradition of graphic design. related to the Sapir–Whorf Hypothesis ? (could be a starting point as well) Big difference between GUI, and html generated projects. take in account the possible interpretations that people can have from a language (oral language = accent…) Highlight wget -qO- http://192.168.73.188:9001/p/Ransom-Headlessnesss-in-the-Design/export/txt | sort | curl -F "file=@-;type=text/plain" http://192.168.73.188:9001/p/Ransom-Headlessnesss-in-the-Design-sorted/import Original http://i.huffpost.com/gen/1823270/original.jpg - Designing heraldic equivalents for every single css color name (all 140 of them) Prepend the content on a pad with ' . ' Linking back to a tradition of using instructions to create designs convert lena.jpg txt_lena.txt what would be the litteracy of coding? So graphviz is probably not the proper language to use while true; do wget -qO- http://192.168.73.188:9001/p/headless-spacing/export/txt | (printf " . " && cat) | curl -F "file=@-;type=text/plain" http://192.168.73.188:9001/p/headless-spacing/import; sleep 0.5; done; Using "Unix Time-sharing system forward" text as a model to start form some ideas ? "Instead of counting quantities (1,2,3,4...), the Pirahã only estimate quantities (relatively small, relatively large)" Without icons pr metaphors. "Natural color system" (primary colors) palette: https://en.wikipedia.org/wiki/Natural_Color_System CSS color names: https://www.w3schools.com/colors/colors_names.asp Non-linearity Eg. Can we descibe an HTML generated design into language. And translate that back into a visual image. Can these maxims be applied as a sort of design style book? wget -qO- http://complex.local:9001/p/Ransom-Headlessnesss-in-the-Design/export/html | sort | curl -F "file=@-;type=text/plain" http://192.168.73.188:9001/p/Ransom-Headlessnesss-in-the-Design-sorted-html/import Separation of concerns http://complex.local/headless-design-publish/headless-design/quentin2/whatcolor.js http://chir.ag/projects/name-that-color/ Working in the shell is much more language based. It needs consious thinking and combining logical steps to create the outcome. method to obtain an output should be chosen by the operator, using only headless methods (?) [creating a new standard] tty - etc wget -qO- http://192.168.73.188:9001/p/Ransom-Headlessnesss-in-the-Design/export/txt | sort | less http://complex.local:9001/p/headless-circle-in-bash Exploding pad: replace gnu with gnu is not unix How do tools affect the way we design? from etymology (standard): Markdown editor works in reverse Sort the sentences: Occurence: https://monoskop.org/images/5/55/Frutiger_Adrian_Signs_and_Symbols_Their_Design_and_Meaning.pdf Hybrid representations Instead of operating under the terms of Graphic Design, Interaction Design, Media Art or Sound Design, we want to introduce Conditional Design as a term that refers to our approach rather than our chosen media. We conduct our activities using the methods of philosophers, engineers, inventors and mystics." command line to clone git repo from server ------------------------------------------- while true; do wget -qO- http://192.168.73.188:9001/p/more-or-less/export/txt | sed 's/more/less/' | curl -F "file=@-;type=text/plain" http://192.168.73.188:9001/p/more-or-less/import; sleep 1; done; https://conditionaldesign.org/manifesto/ http://www.abstractbrowsing.net/ https://nl.wikipedia.org/wiki/Piet_(programmeertaal) translation of the previous list turning color values into color names : Piet program is a program executed by setting a grid of colors that can be translated into a text http://www.personal.psu.edu/ejp10/blogs/thinking/2008/07/the-language-without-numbers.html Heraldic representation of colors Brother hl-1430 driver (sort of) - make each program do one thing well http://i.liketightpants.net/and/hackers-culture-and-the-fear-of-wysiwyg Decomposing the design process Largely underdevelopped, not so understood, could be helpful for experimentations in non direct timelines this script is refering to a list of references coming from different sources :