User:Kim/Special Issue 26/Comments Reading
< User:Kim | Special Issue 26
Revision as of 21:46, 14 April 2025 by Kim (talk | contribs) (→Olia Lialina - art.teleportacia.org (html))
A source code comments reading using Inspector Extensions
reading form
- theme / question
- commenting / annotating
- source code comments
- inspection
- give a description of the project / process
- why comments?
- intimate space, make visible a body in the text and what is reagrded the (main) body of the text itself
- emphasize that reading == writing, dismantling is a building project (Ahmed feminist killjoy, 256) are these dialectics?
- way of telling
- start with search (word or concept)
- read all comments (HTML, JS, CSS) or only one of them?
- read part of the website too (element where notification appears?)
- a reading in 3(?) acts (choosing 3 different websites and their comments)
pages collection
- Keywords project
- Robida comments from ben and kirsten: text about site writing (html)
- Oxford dictionary Comments the code but in a suggestive, descriptive way (senses)
- Etherpad (comments on comments on pad)
- Taroko Gorge generative poetry, copyright and adaptation Andrew Plotkin
- hand-coding-round-robin long html comment text: (desktop metaphors, abstraction, software, user...)
pages with comments
Oxford english dictionary 'comment' (js)
beautiful tree/leaf metaphor
// Create a list of all the senses and sense-like elements // We use this to check which sense is in the viewport, so that we // can highlight the corresponding link in the table-of-contents. // Regular senses as found in 'meaning & use', 'phrasal verbs', and 'compounds' // (li.sense and li.compound-group elements). These are always leaf nodes // in the sense-structure tree, which is what we want // Sections in a variant-forms list (div.variant-forms-subsection...) // This is a bit more complicated, because these may or may not be leaf nodes // in the variant-forms tree. Since we only want leaf nodes, we have to filter // out instances of these elements which contain other instances as child elements.
thoughts: what if our comments revealed / opened up space, another layer of meaning, of interpretation
- etymology: from Late Latin commentum "comment, interpretation," in classical Latin "invention, fabrication, fiction," [1]
cambridge dictionary 'source code' (html)
Twitter conversion tracking base code End Twitter conversion tracking base code mobile desktop clear entry data set submit preferred data sets translation market data set + localized data set other data set need a translator need to rework this part when we have the spec for the thesaurus dataset selector
thoughts: when source code is text/ instructions directed to the computer, whom do we address in the comments? An intimate / narrow space between the programmer and the machine? closed off or suggestive, inviting?
https://digitale-grafik.com/ (JS + html)
the html comments read the following:
When you can read this, you should apply! 💻🎒
// Avoid `console` errors in browsers that lack a console. // Only stub undefined methods. // Place any jQuery/helper plugins in here. // Because it's hard to split a tag consistently across browsers, // (*ahem* IE *ahem*), we replace all instances with an md5 hash // (of the word "split"). If you're trying to use this plugin on that // md5 hash string, it will fail because you're being ridiculous. // Method calling logic return methods.init.apply( this, [].slice.call( arguments, 0 ) ); // always pass an array
thoughts: maybe different programming languages have different levels of opnenness/ publicness, which seem to influence how we comment and to whom we write - this question of addressee becomes even further obfuscated when reusing already commented code snippets or libraries written by other programmers.
theusercondition.computer/ (html)
"the user condition" Essay on computer agency and behavior ... elaborate on content or read snippet of text
- Lorusso plays with different layers, materialities of this digital publication (console)
- "Don’t get me wrong: I like HTML. I can appreciate a simple, hand-written website. I understand the allure of poor media.footnote 42 But I can also enjoy seeing the computer making ten thousand times the same mistake, after I programmatically asked it to make it (check the console 🤓)."
- other remarks of his are clearly not that curated/ directed towards publics
open graph <script src="https://hypothes.is/embed.js" async></script> check the notes on notebook 5 118 missing: mcneil, revisit Digital Folklore A bureaucratic "substitution of ends" would take place [check expression in Merton's Theory disappointment with the present later in the text - engelbart - ted nelson - stallman ## Not just computers - ruskin - ursula franklin - illich https://history-computer.com/Library/Kay72.pdf zuboff 89. upi user profile information https://networkcultures.org/entreprecariat/chronology-industrialization-web-interfaces/ testo ombra zuboff check goldsmith https://www.furtherfield.org/are-we-all-addicts-now/ - Is this dérive similar to the one experienced by Simone Weil while she working in a factory? - read this https://ralphammer.com/make-me-think/ (beautiful illos!) 29 26 146 <script src="js/free-snake_virtualjoystick.js"></script>
the js comments
// Hacked by Raphaël Bastide // Original script from thecodeplayer.com
I spare you with a reading of the following rather mathematical joystick funtion
// canvas.height = window.innerHeight;
// freedom
if( key == "65" && d != "right") { // A
} else if(key == "87" && d != "down") { // W
} else if(key == "68" && d != "left") { // D
} else if(key == "83" && d != "up") { // S
// // Joystick
// var joystick = new VirtualJoystick({
// container : document.getElementById('main'),
// mouseSupport : true,
// strokeStyle : "rgba(0,0,0,0)",
// styckRadius : 20,
// });
// joystick.addEventListener('touchStart', function(){
// console.log('down')
// })
The dao of web design (JS)
John allsopp argues for an understanding of web design towards adaptility, accepting uncertainty and openness (which after him can be achived by strictly separating content and presentation).
- "On the larger scale, don’t use HTML for presentation. No <font> or <b>, <i> and other presentational elements. Where HTML provides an appropriate element, use it. Where it doesn’t, use classes. And of course, use style sheets for your presentational information. It’s time to look to the future, not cling to the past."
- maybe make this not about content/ presentation --
// Hide menu toggle button if menu is empty and return early. // Get all the link elements within the menu. // Each time a menu link is focused or blurred, toggle focus. // Move up through the ancestors of the current link until we hit .nav-menu. // On li elements toggle the class .focus. // Private helper vars // Deep clone a language definition (e.g. to extend it) // Insert a token before another token in a language literal // Traverse a language definition with Depth First Search // Find language // Set language on the element, if not present // Set language on the parent, for styling for (var i=0; i // Something went terribly wrong, ABORT, ABORT! // In worker // Get current script and highlight // Plugin to make entity title show the real entity, idea by Roman Komarov
thoughts: I recognize frustration and failure as recurring subject to comments. Also authorship / credits
https://pad.xpub.nl/p/declarative-companions etherpad (js)
1800 JS comments found
// HACK TODO
// This is completely the wrong way to do it but for now it shows it works
// console.warn("path is async and we're doing a ghetto fix");
// Drop import silently
// With all modules installed satisfy those conditions for all waiters
// Send the users focus back to the pad // If we're in the editbar already.. // Close any dropdowns we have open.. // Check we're on a pad and not on the timeslider // Or some other window I haven't thought about! // Timeslider probably..
thoughts: privacy, secrecy, who is 'we'? the we that send the users focus back to the pad?
Olia Lialina - Prof Dr Style (html)
- "Every term I give an introduction to Interface Design studies to new students. 99% of them are under the delusion that the design of everything in the world is made in Photoshop or other Adobe products. In case the design is to be perceived on a computer, these Adobe files will be thrown into a room full of programmers who are longing to make it all interactive according to noble ideas embedded in the graphics. So the task is to show non-fictional challenges of new media and to explain why to study Interface Design.
Most of the students will not be convinced and will choose to study graphic design. Even those who want to be web designers. Though 17 years of the WWW show that you need quite a different skill set for that."
3 html comments found
Though 17 years of the WWW show that to be a good web designer it is better not to study at all than to study graphic design. end of footnotes end of column
thoughts: comments can be things we want to say but dont, an act of self censoring or indecisiveness towards the 'right' words, phrases 'crossed out' last minute
https://www.w3.org/Style/CSS/ (html)
- Cascading Style Sheets home page on the W3C website
6 html comments found
Editors & translators, please, edit Overview.en.tmpl, not .html @@@ /@@@ @@@ /@@@ Keep this comment at the end of the file Local variables: mode: html sgml-indent-step:1 sgml-basic-offset:1 End:
thoughts: working together
https://www.w3.org/TR/2008/REC-CSS2-20080411/ CSS2 specification (css)
- Cascading Style Sheets, level 2 CSS2 Specification W3C Recommendation 12-May-1998 (revised 11 April 2008)
- "This specification defines Cascading Style Sheets, level 2 (CSS2). CSS2 is a style sheet language that allows authors and users to attach style (e.g., fonts, spacing, and aural cues) to structured documents (e.g., HTML documents and XML applications). By separating the presentation style of documents from the content of documents, CSS2 simplifies Web authoring and site maintenance."
15 CSS comments found
/* text-align: justify; */ /* For the REC: background: #def url(recbg.jpg); */ /* I don't like all that blue text, how about this: */ /* It should be 'inherit', but Netscape inserts a random color :-( */
thoughts: subjectivity (and madeness) of official documents, standards seeps through, comment is clearly conversational, directed towards coworkers, expressing personal opinion
https://words-on-margins.website/workshop/index.html (html)
--returning to my own comments: conversation and process documentation (comments as added layer of content/ context surpassing the amount or significance of the main text on the website itself question perceived fixed bounds and hierarchies of margins and centers)
18 html comments found
✺ - polinsski: i chose this symbol as avatar to represent me in the later comments
✺ added the link in the resources where you can choose symbol close to your heart
or in
⑇ I now made a little bit of a mix of everything, feel free to change it, I am also not still 100% happy with it
✺ alternative title: collaborative writing in digital margins
✺ alternative title: writing together on the margins of the web
✺ alternative title: writing on the browser margins
✺ here are some of the terms which we think are relevant
<p> Historically, marginalia have been used by readers as a way of interacting with the text on a personal level. They offer insights into the reader's thoughts and can be a form of dialogue between different readers of the same text over time, especially in shared or passed-down books. </p>
⑇ this might be a bit extensive from here on, maybe something we'd talk about (in an introduction) and then just a short mentioning here
⑇ for now I added another detail tag :)
<p> I feel margins (and experimenting with, exceeding 'mise-en-page') are just making a reappearance with rising interest in autotheoretic arts and writing. <details> <summary class="inner">We thought of these two examples</summary> <ul> <li> Maggie Nelson – the argonauts <li> Roland Bartes – A Lovers Discourse <br> here barthes cited names in the margins (originally) its whom Nelson is referring to. A lovers discourse highly conceptional in its structure, margins are not only for cited names but more broadly references (initials, titles, names...). <br> here resulting from a poststructuralist manner (dont think the exact understanding of this term is important) where any literary or cultural text is understood as a 'tissue of citations, resulting from the thousand sources of culture' (Death of the Author). (Roland Barthes, "The Death of the Author", 1997, p.144) </li> </ul>
✺ sorry, i commented that out for now, since we talk about it more in details in our presentation i thought we might keep the glossary short.
<p> Excessiveness is the condition of revelation, of emancipation from established meaning and of the disclosure of an unseen horizon of signification: the possible.” (Berardi, 2018, p. 20) </p>
⑇ maybe we can talk about this last quote one some time, I cant really figure out what it means, would be interested in how you understand this
⑇ added this little footer for some kind of reference, what do you think?
✺ love it!
proposal
Olia Lialina - art.teleportacia.org (html)
- "Welcome to olia lialina's home!"
47 html comments found
BIG SPACE
oldschool deco
The Crater to click on
Emergency Button
The center of the universe
The Project List
2013
<div class="divider"></div> <p> <div><a href="http://gridr.org/Whbc/drummer-mom/"> <img src="http://art.teleportacia.org/mom.png" style="box-shadow: 4px 4px 6px rgba(0,0,0,0.3)"> </a></div> <p><b><a href="http://gridr.org/Whbc/drummer-mom/">Drummer Mom. Part I</a></b></p> <p><b><a href="http://gridr.org/Tkbc/">Drummer Mom. Part II</a></b></p> <p>2013</p> </p> </p>
2012
2008
Online Newspapers New York Edition
Agatha appears, restored
2007
3 Blingee Masterpieces
2006
Midnight
With Elements of Web 2.0
2005
Animated GIF Model
frozen niki
2004
online newspapers
1000$
2003
Merry Christmas
GRAVITY
Zombie and Mummy
2002
some universe
2001
Artist as an expert
2000
Masha Draws
LAST REAL NET ART MUSEUM
1999
Location=Yes
1998
miniatures of the heroic period
www.teleportacia.org
banners
ART.TELEPORTACIA.ORG <h1 style="letter-spacing: 2px; margin-top: 0px; font-size:78px; line-height:92px; position:absolute; top:-120px; left:190px;"> <a name="teleport"><i><font color="#000033">a</font><font color="#393961">r</font><font color="#74748f">t</font><font color="#afafbe">.</font><font color="#e9e9ed">t</font><font color="#efeff1">e</font><font color="#dedee4">l</font><font color="#cdcdd6">e</font><font color="#cdcdd6">p</font><font color="#ababbb">o</font><font color="#9999ae">r</font><font color="#8888a0">t</font><font color="#787892">a</font><font color="#666685">c</font><font color="#555577">i</font><font color="#44446a">a</font><font color="#33335c">.</font><font color="#22224f">o</font><font color="#111141">r</font><font color="#000033">g</font></i></a></h1>
MASTHEAD
end of project list
Observation
end of observation
end of Books
end of the center of the universe