SI26 Declarative companions - Revision history

Doriane at 09:10, 14 January 2025

2025-01-14T09:10:10Z

← Older revision		Revision as of 11:10, 14 January 2025
Line 1:		Line 1:
	This page develop an exercise started on the first day of the [[SI26 \| Declarations special issue]].		This page develop an exercise started on the first day of the [[SI26 \| Declarations special issue]].

			''Like the choice of words we decide to use to tell a story, CSS declarations speak to our intentions and the narrative we place on the things we make on the web. — Doriane''

			''My favorite aspect of websites is their duality: they're both subject and object at once. In other words, a website creator becomes both author and architect simultaneously. — Laurel Schwultz, My website is a shifting house next to a river of knowledge. What could yours be?''

			''Words are events, they do things, change things. They transform both speaker and hearer; they feed energy back and forth and amplify it. They feed understanding or emotion back and forth and amplify it. — Ursula K. Le Guin, The Wave in the Mind: Talks and Essays on the Writer, the Reader and the Imagination''

	== Prompt, part 1: Describe ==		== Prompt, part 1: Describe ==

Doriane: /* Prompt, part 2: Draw */

2025-01-14T09:08:04Z

Prompt, part 2: Draw

← Older revision		Revision as of 11:08, 14 January 2025
Line 14:		Line 14:

	Each CSS “sentence” - technically a pair of a '''property''' and a '''value''' inside a '''selector''' - is called a declaration.		Each CSS “sentence” - technically a pair of a '''property''' and a '''value''' inside a '''selector''' - is called a declaration.

	~~''Like the choice of words we decide to use to tell a story, these declarations can speak to our intentions and the narrative we place on the things we make on the web.''~~

	Starting with a description of a companion object written by someone else, draw the object in CSS.		Starting with a description of a companion object written by someone else, draw the object in CSS.

Doriane at 16:45, 7 January 2025

2025-01-07T16:45:42Z

← Older revision		Revision as of 18:45, 7 January 2025
Line 1:		Line 1:
	This page develop ~~ideas~~ of ~~CSS linguistics, prescriptive and descriptive, in~~ the ~~context of XPUB Declaration~~ special issue.		This page develop an exercise started on the first day of the [[SI26 \| Declarations special issue]].

	== Prompt, part 1: Describe ==		== Prompt, part 1: Describe ==

Doriane: /* Ressources */

2025-01-07T16:33:29Z

Ressources

← Older revision		Revision as of 18:33, 7 January 2025
Line 52:		Line 52:
	* [https://blog.geocities.institute/archives/7163 Learning HTML/CSS in Historical Context] - Olia Lialina		* [https://blog.geocities.institute/archives/7163 Learning HTML/CSS in Historical Context] - Olia Lialina

	Drawing with CSS		Drawing with CSS, by drawing what i probably mean is an articulation of form and content that can not be untangled easily: where CSS becomes content or HTML becomes forms

	* [http://art.teleportacia.org/exhibition/stellastar/ Some Universe] - Olia Lialina		* [http://art.teleportacia.org/exhibition/stellastar/ Some Universe] - Olia Lialina

Doriane: /* Prompt, part 2: Draw */

2025-01-07T16:28:54Z

Prompt, part 2: Draw

← Older revision		Revision as of 18:28, 7 January 2025
Line 14:		Line 14:

	Each CSS “sentence” - technically a pair of a '''property''' and a '''value''' inside a '''selector''' - is called a declaration.		Each CSS “sentence” - technically a pair of a '''property''' and a '''value''' inside a '''selector''' - is called a declaration.
	'''
	Like the choice of words we decide to use to tell a story, these declarations can speak to our intentions and the narrative we place on the things we make on the web.'''		''Like the choice of words we decide to use to tell a story, these declarations can speak to our intentions and the narrative we place on the things we make on the web.''

	Starting with a description of a companion object written by someone else, draw the object in CSS.		Starting with a description of a companion object written by someone else, draw the object in CSS.

Doriane: /* Prompt, part 2: Draw */

2025-01-07T16:28:32Z

Prompt, part 2: Draw

← Older revision		Revision as of 18:28, 7 January 2025
Line 14:		Line 14:

	Each CSS “sentence” - technically a pair of a '''property''' and a '''value''' inside a '''selector''' - is called a declaration.		Each CSS “sentence” - technically a pair of a '''property''' and a '''value''' inside a '''selector''' - is called a declaration.
			'''
	Like the choice of words we decide to use to tell a story, these declarations can speak to our intentions and the narrative we place on the things we make on the web.		Like the choice of words we decide to use to tell a story, these declarations can speak to our intentions and the narrative we place on the things we make on the web.'''

	Starting with a description of a companion object written by someone else, draw the object in CSS.		Starting with a description of a companion object written by someone else, draw the object in CSS.

Doriane at 16:27, 7 January 2025

2025-01-07T16:27:58Z

@@ Line 1: / Line 1: @@
-[https://pad.xpub.nl/p/declarative-companions pad from today]
+This page develop ideas of CSS linguistics, prescriptive and descriptive, in the context of XPUB Declaration special issue.
 == Prompt, part 1: Describe ==
@@ Line 9: / Line 9: @@
 * Sensitive, talks about the personal bond we have with the object
 == Prompt, part 2: Draw ==
 == Ressources ==
@@ Line 18: / Line 46: @@
 Here some ressources on learning the basics of HTML & CSS
 * [https://coolguy.website/web-zine/01/ Web-zine] - Zach Mandeville
 * [https://developer.mozilla.org/en-US/docs/Learn/Getting_started_with_the_web/HTML_basics HTML basics], [https://developer.mozilla.org/en-US/docs/Learn/Getting_started_with_the_web/CSS_basics CSS basics] - Mozilla
@@ Line 31: / Line 60: @@
 * [https://declin-sequence.neocities.org/ declin sequence] - Raphael Bastide
 * [https://where-fears-hi.de/ where fears hide] - Raphael Bastide
 * [https://dinakelberman.com/reflects/ reflects] - Dina kelberman
 * [https://taichi.pink/2019-12-16_wind-poem/ wind poem] - Taichi

Michael Murtaugh at 13:30, 7 January 2025

2025-01-07T13:30:54Z

← Older revision		Revision as of 15:30, 7 January 2025
Line 1:		Line 1:
			[https://pad.xpub.nl/p/declarative-companions pad from today]

	== Prompt, part 1: Describe ==		== Prompt, part 1: Describe ==

Doriane: Created page with " == Prompt, part 1: Describe == Describe in English a chosen companion object - an object that accompanies you in your daily life, in your practice, in your social life, that you cherish; or a space; This description must be: * 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, w..."

2025-01-06T17:33:10Z

Created page with " == Prompt, part 1: Describe == Describe in English a chosen companion object - an object that accompanies you in your daily life, in your practice, in your social life, that you cherish; or a space; This description must be: * 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, w..."

New page

== Prompt, part 1: Describe ==

Describe in English a chosen companion object - an object that accompanies you in your daily life, in your practice, in your social life, that you cherish; or a space; This description must be:

* 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

== Prompt, part 2: Draw ==

== Ressources ==

Here some ressources on learning the basics of HTML & CSS

* [https://coolguy.website/web-zine/01/ Web-zine] - Zach Mandeville
* [https://developer.mozilla.org/en-US/docs/Learn/Getting_started_with_the_web/HTML_basics HTML basics], [https://developer.mozilla.org/en-US/docs/Learn/Getting_started_with_the_web/CSS_basics CSS basics] - Mozilla
* [https://www.youtube.com/watch?v=CkzbI1Tv_rQ&t=701s&ab_channel=LaurelVideo Basics of HTML], [https://www.youtube.com/watch?v=BUZIaTHm_oE&ab_channel=LaurelVideo Basics of CSS] - Laurel Schwultz
* [https://blog.geocities.institute/archives/7163 Learning HTML/CSS in Historical Context] - Olia Lialina

Drawing with CSS

* [http://art.teleportacia.org/exhibition/stellastar/ Some Universe] - Olia Lialina
* [https://pad.profolia.org/false_memories False Memories] - Olia Lialina
* [https://veryinteractive.net/pages/coding-from-life.html Coding from life ] - Laurel Schwultz
* [https://kimasendorf.com/css-compositions/ CSS Compositions] - Kim Asendorf
* [https://declin-sequence.neocities.org/ declin sequence] - Raphael Bastide
* [https://where-fears-hi.de/ where fears hide] - Raphael Bastide
* [https://dinakelberman.com/reflects/ reflects] - Dina kelberman
* [https://taichi.pink/2019-12-16_wind-poem/ wind poem] - Taichi
* [https://leanderherzog.ch/2017/heizig/ heizig] - leanderherzog
* [https://tiana.computer/ tiana.computer] - Tiana Dubeck
* [https://refringo.glitch.me/ Refringo]
* [https://www.miriamsuzanne.com/2020/12/08/css-art/ CSS ART] - Miriam Suzanne
* [https://pattle.github.io/simpsons-in-css/ Simpson in CSS]
* [https://chromewebstore.google.com/detail/abstract-browsing/nmkbjeagaobhphiipgigbjhligebkfcg?pli=1 Abstract Browsing] - Rafaël Rozendaal
* [https://weathergradient.com/ weathergradient] - Jon provencher
* [https://www.csszengarden.com/pages/alldesigns/ CSS zen garden]
* [https://buttons.leegte.org/about.html Buttons, 2023] - Jan Robert Leegte
* [https://css-paint.constraint.systems/ CSS Paint] - constraint.systems
* [https://thehtml.review/ the html review]
* [https://loremipsum.ro/fonts/css-font/ loremipsum]
* [http://desandro.github.io/curtis-css-typeface/ Curtis CSS typeface]
* [https://declarations.style/live-coding-le-wonder.html Declarations live coding] - Doriane
* [https://declarations.style/dismantle-this-template.html Dismantle this template] - Clara Pasteau
* [http://sohyeon.online/window.html The sky through the window] - Sohyeon Lee
* [https://tell.declarations.style/skies/ Where is the sky of a website] - Lara Dautun, Camillo Garcia, Sohyeon Lee