Selected Courses on Digital Art-UOWM

3 Μαΐου 2013

ΚΑΛΑΝΤΑ

Filed under: Notes — admin @ 06:25
https://www.youtube.com/watch?feature=endscreen&v=sk4qxfrBE6w&NR=1
https://www.youtube.com/watch?feature=endscreen&v=sk4qxfrBE6w&NR=1

https://www.youtube.com/watch?feature=endscreen&v=sk4qxfrBE6w&NR=1

2 Μαΐου 2013

b02-ear-renverser/plnes grvyrd-net-pnt

Filed under: Notes — admin @ 20:50
Renverser l'insoutenable - Yves Citton

Dictature des marchés, politiques d’austérité, inégalités sociales, catastrophes environnementales, crises démocratiques : de toutes parts nous arrivent les signes de la fin d’un monde caractérisé par des pressions insoutenables.
Yves Citton ébauche un nouveau vocabulaire politique pour renverser cet insoutenable à la fois environnemental, éthique, social, médiatique et psychique. À la croisée de multiples (in)disciplines, cet essai drôle et enlevé prend le contre-pied du misérabilisme ambiant en révélant que le renversement de l’insoutenable est déjà inscrit dans les dynamiques collectives de nos gestes les plus communs. Il esquisse une politique des gestes qui prend sa source entre ces deux questions : Comment faisons-nous pression sans le vouloir ? Comment faire pression en le voulant ?
Attentif au rôle de l’image et à la circulation des discours, Yves Citton livre ici les moyens de repenser notre place et notre action dans des processus sociaux dont la complexité nous dépasse. Il montre que l’on peut tirer parti des dispositifs médiatiques plutôt que de les subir et que, une fois fait le deuil du Grand Soir, l’urgence est de proposer des alternatives à la politique du pire.
Yves Citton est professeur de littérature française du XVIIIe siècle à l’université de Grenoble III et membre de l’UMR LIRE. Il a notamment publié Mythocratie. Storytelling et imaginaire de gauche (2010), L’Avenir des humanités (2010) etZazirocratie (2011). Il est codirecteur de la revue Multitudes.

plnes grvyrd-net-pnt

ANIM.2D/3D-sculpture-aptics-vision/sem7 aptics-screen based art-sculpture-blender

Filed under: NOTES ON ANIMATION,NOTES ON SOUND ART — admin @ 20:49
Directed by Hayao Miyazaki | 1986

This sublime adventure fantasy, replete with proto-steampunk imagery, touchingly conveys a message of ecological awareness. A young girl drops from the sky and lands in the arms of orphan Pazu—and not a moment later they’re on the run from a shadowy government agency and a band of pirates, both after the magic crystal she possesses. The chase leads them up and into the clouds to the floating airship Laputa, an overgrown fortress inhabited by gargantuan, dilapidated robots.

http://www.youtube-nocookie.com/embed/McM0_YHDm5A

The film tells the story of Chronos, the personification of time and the inability to realize his desire to love for a mortal. The scenes blend a series of surreal paintings of Dali with dancing and metamorphosis. The target production began in 1945, 58 years before its completion and was a collaboration between Walt Disney and the Spanish surrealist painter, Salvador Dalí. Salvador Dali and Walt Disney Destiny was produced by Dali and John Hench for 8 months between 1945 and 1946. Dali, at the time, Hench described as a “ghostly figure” who knew better than Dali or the secrets of the Disney film. For some time, the project remained a secret. The work of painter Salvador Dali was to prepare a six-minute sequence combining animation with live dancers and special effects for a movie in the same format of “Fantasia.” Dali in the studio working on The Disney characters are fighting against time, the giant sundial that emerges from the great stone face of Jupiter and that determines the fate of all human novels. Dalí and Hench were creating a new animation technique, the cinematic equivalent of “paranoid critique” of Dali. Method inspired by the work of Freud on the subconscious and the inclusion of hidden and double images. 
Dalí said: “Entertainment highlights the art, its possibilities are endless.” The plot of the film was described by. Dalí as “A magical display of the problem of life in the labyrinth of time.” 
Walt Disney said it was “A simple story about a young girl in search of true love.”

http://www.youtube-nocookie.com/embed/1GFkN4deuZU


Its roots “anima” and “animus” are Latin for breath,soul, and mind.”
Discussions of animation often involve concepts of
>>μεταμόρφωση
>>ανθρωπομορφισμό anthropomorphism
>>ριζική μεταμόρφωση transmogrification

>> απο τους νόμους του φυσικού πεδίου.
>>φαντασία
>>μίμηση mimesis
>>πολυμορφικό παραλογισμό των σωμάτων
the polymorphous perversity of bodies

>>παραδοξότητα και παραλογισμός.

“animation” –
“the act of producing ‘moving 
pictures’;
the technique, by means of which 
movement is given,
on film, to a series of 
drawings
(esp. for an animated cartoon)”


Τα 
animated cartoons
φαίνεται σαν να έχουν 
ενσωματώσει
τη θεωρία του 
Einstein
για Ασυνέχεια 
στο χρόνο και στο χώρο
 
 
ΤΑ ΥΛΙΚΑ ΠΟΥ ΑΡΧΙΚΑ ΧΡΗΣΙΜΟΠΟΙΗΘΗΚΑΝ
Drawings,
cut-outs,
models,
dolls,
puppets,
clay,
projected silhouettes, and
real objects,
including
fluids,
colored gases and smoke,
Hand-drawn animation films are made by
drawing,
etching,
scratching,
painting or
attaching items directly onto a film’s surface without the use of a camera.











computer animation

Chapters

1.       Pre-Production
1.1.           Introduction
1.2.           Storyboarding
1.3.           Character and Model Design
1.4.           Sound Design
1.5.           Technical Tests
1.6.           Production Scheduling
2.       Modeling Basics
2.1.           Introduction
2.2.           Polygonal Modeling
2.3.           Splines and Patches
2.4.           Coordinate Systems
2.5.           Viewing Windows
2.6.           Geometric Primitives
2.7.           Transformations
2.8.           Common Modeling Techniques
2.9.           Hierarchies
2.10.       Booleans and Trims
2.11.       Basic Deformations
3.       Rendering Basics
3.1.           Introduction
3.2.           The Camera
3.3.           Lights
3.4.           Surface Characteristics
3.5.           Shading Algorithms
3.6.           Rendering Algorithms
3.7.           Background Images
3.8.           Surface Texture Mapping
3.9.           Solid Texture Mapping
3.10.       Final Rendering
4.       Animation Basics
4.1.           Introduction
4.2.           Keyframing
4.3.           Interpolations
4.4.           Parameter-curve Editing
4.5.           Dope Sheet Editing
4.6.           Forward Kinematics
4.7.           Inverse Kinematics
4.8.           Motion Paths
4.9.           Shape Deformations
4.10.       Camera Animation
4.11.       Animating Lights and Surface Properties
4.12.       Pose-based Animation
5.       Advanced Modeling
5.1.           Introduction
5.2.           Virtual Sculpting
5.3.           Digitizing Techniques
5.4.           Procedural Modeling
5.5.           Stitched Patches
5.6.           Subdivision Surfaces
5.7.           Displacement Mapping
5.8.           Hair and Fur
5.9.           Paint-based Modeling
5.10.       Higher-level Primitives
6.       Advanced Rendering
6.1.           Introduction
6.2.           Atmospheric Effects
6.3.           Fractals
6.4.           Lighting Subtleties
6.5.           Advanced Texturing
6.6.           Texturing Polygons
6.7.           Background Shaders
6.8.           Non-Photorealistic Rendering
6.9.           Reflection Maps and Environment Procedures
6.10.       More Rendering Algorithms
6.11.       Rendering for Output
7.       Advanced Animation
7.1.           Introduction
7.2.           Animated Fillets
7.3.           Limits and Constraints
7.4.           Metaballs
7.5.           Expressions and Driven Keys
7.6.           Motion Dynamics: Principles, Rigid Bodies
7.7.           Soft-Body Dynamics
7.8.           Particle Systems
7.9.           Cloth Dynamics
7.10.       Motion Capture
7.11.       Camera-Motion Mapping
7.12.       Character Rigging: Movement Controls
7.13.       Character Rigging: Deformation Controls    
7.14.       Facial Animation                                      
7.15.       Non-Linear Animation
8.       Post-Production
8.1.           Introduction
8.2.           Compositing
8.3.           Editing









 

 

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

 

2-3 έτος2D και 3D animation και montage, τεχνικές stop motion, pixellation κ.α.
  1. Σχέδια κλειδιά κίνησης και ενδιάμεσα, οργάνωση του χρόνου.
  2. Το ανθρώπινο περπάτημα
  3. Το ανθρώπινο τρέξιμο και το τρέξιμο στα τετράποδα, εναλλαγή ποδιών
  4. Κινήσεις σε τροχιά
  5. Κινήσεις με φτερά πουλιά, μυθολογικές φιγούρες κλπ
  6. Οι 12 βασικές αρχές του animation
  7. Τεχνικές του animation. Επέκταση χρήσης animation και live action
  8. Τεχνικές stop motion, pixellation
  9. Εργαλεία για την δημιουργία 2D και 3D μοντέλων
4έτος

 Διαδραστική σύνθεση εικόνας σε πραγματικό χρόνο 

  1. Εισαγωγή στην σύνθεση εικόνας με βάση το Processing
  2. 2d και 3D γραφικά με Processing
  3. Βασικές διαδραστικές τεχνικές με Processing
  4. Επικοινωνία με άλλες εφαρμογές μέσω OSC
  5. Aναγνώριση εικόνας και κίνησης από κάμερα μέσω Processing
  6. Εισαγωγή στον προγραμματισμό συνθεσης εικόνας με openFrameworks
  7. Επικοινωνία μεταξύ λογισμικών ήχου και εικόνας σε πραγματικό χρόνο

 Ήχος 

  1. Εισαγωγή στις αρχές της ψηφιακής σύνθεσης ήχου
  2. Εισαγωγή στον προγραμματισμό ήχου με SuperCollider
  3. Τεχνικές σύνθεσης 1: προσθετική σύνθεση
  4. Μουσικές δομές 1: Εισαγωγή στα patterns
  5. Περιβάλλουσες καμπύλες (Εnvelopes)
  6. Βασικές τεχνικές διάδρασης και Γραφικά εργαλεία διάδρασης
  7. Tεχνικές σύνθεσης 2: Φίλτρα και αφαιρετική σύνθεση
  8. Eργασία με προηχογραφημένα ηχητικά δείγματα (Samples)
  9. OSC και επικοινωνία με άλλες εφαρμογές
  10. Τεχνικές σύνθεσης 3: FM, Wavetables, Granular Synthesis, Physical Modeling, Spectral Modeling
 
 
 
 

objects-phycology-mem-

Filed under: Notes — admin @ 20:48

“Psycho” · Panpina Muñeco Toy
2004
Keramika / Cerámica / Ceramics
8 x 7 x 5 cm
Bad Taste Bears. Peter Underhill & Piranha Studios
JOKU ETA TRESNA ASKOK, asmo hori eduki ez arren, gaixotasun mentalari
lotutako aurreritzi asko sustatzen lagun dezakete.Arrazoi hau dela eta gaixo
mentalen eskubideen alde borrokatzen duen elkarte batek honen antzeko
pelutxezko panpin bat salatu zuen 2005ean.
MUCHOS JUEGOS Y DIFERENTES objetos, aún sin proponérselo, pueden contribuir a
fomentar los prejuicios asociados a la enfermedad mental. Un oso de peluche similar fue
denunciado en 2005 por una organización a favor de los derechos de los enfermos
mentales, acusándolo de favorecedor del estigma asociado a la enfermedad.
Πολλά παιχνίδια και διάφορα αντικείμενα, έστω και ακούσια, μπορεί να συμβάλουν στην προώθηση προκαταλήψεων  που συνδέονται με την ψυχική ασθένεια. Ένα αρκουδάκι σαν αυτό είχε αναφερθεί το 2005 από μια οργάνωση για τα δικαιώματα των ψυχικά ασθενώνκατηγορήθηκε  ότι ευνοεί το στίγμα που συνδέεται με την ασθένεια.

b&h-pro-webd-tables-html-consuming-consumed-archive/ from simple html and js to dhtml , to html 5 and js sem 5-6

Filed under: Notes — admin @ 20:46
simple html
tags-elements
starting-ending
opening-closing concept
head section
body section
………..listen to the tutorial
texts-images-sounds

uowm ftp server //

In more length: The term “HTML5” is widely used as a buzzword to refer to modern Web technologies, many of which (though by no means all) are developed at the WHATWG, in some cases in conjunction with the W3C and IETF.
The WHATWG work is all published in one specification (the one you are reading right now), parts of which are republished in an edition optimized for Web developers
The W3C also publishes parts of this specification as separate documents. One of these parts is called “HTML5”; it is a forked subset of this specification (the HTML Living Standard). There are numerous differences between this specification (the HTML Living Standard) and the W3C version, some minor, some major. Unfortunately these are not currently accurately documented anywhere, so there is no way to know which are intentional and which are not.

1.8 HTML vs XHTML


This section

non-normative.

 is 
This specification defines an abstract language for describing documents and applications, and some APIs for interacting with in-memory representations of resources that use this language.
The in-memory representation is known as “DOM HTML”, or “the DOM” for short.
There are various concrete syntaxes that can be used to transmit resources that use this abstract language, two of which are defined in this specification.
The first such concrete syntax is the HTML syntax. This is the format suggested for most authors. It is compatible with most legacy Web browsers. If a document is transmitted with the text/html MIME type, then it will be processed as an HTML document by Web browsers. This specification defines the latest HTML syntax, known simply as “HTML”.
The second concrete syntax is the XHTML syntax, which is an application of XML. When a document is transmitted with an XML MIME type, such as application/xhtml+xml, then it is treated as an XML document by Web browsers, to be parsed by an XML processor. Authors are reminded that the processing for XML and HTML differs; in particular, even minor syntax errors will prevent a document labeled as XML from being rendered fully, whereas they would be ignored in the HTML syntax. This specification defines the latest XHTML syntax, known simply as “XHTML”.
The DOM, the HTML syntax, and the XHTML syntax cannot all represent the same content. For example, namespaces cannot be represented using the HTML syntax, but they are supported in the DOM and in the XHTML syntax. Similarly, documents that use the noscript feature can be represented using the HTML syntax, but cannot be represented with the DOM or in the XHTML syntax. Comments that contain the string “-->” can only be represented in the DOM, not in the HTML and XHTML syntaxes.

αρχικό παράδειγμα γραφής dom html




A document with a short head


...
Here is an example of a longer one:





An application with a long head


http://support.js



...

ex

Pro Audio A/V Presentation Binoculars & Scopes Camcorders Computers Photography Lighting & Studio Portable Entertainment TVs & Entertainment Pro Video

Canon
EOS C100 EF Camera with 24-105mm f/4L Lens

Price: $7,099.00
Instant Savings: $1,000.00
Final Price: $6,099.00
Phantom Quadcopter & GoPro HERO3
Black Edition Camera Mount Kit

Instant Savings: $50.00

 

Sony NEX-FS700UK
Super 35 Camcorder w/ 18-200mm Lens

Price: $8,099.00
Sony NEX-FS100UK
Super 35mm Sensor Camcorder w/ 18-200mm Lens

Price: $4,499.00
Azden
330 Series wireless systems
Mail-In Rebate: $30.00
Price after rebate: $745.00 – $820.00
Azden
310 Series wireless systems 

Mail-In Rebate: $20.00
Price after rebate $379.00 – $615.00
Azden
105 Series wireless systems 

Mail-In Rebate: $10.00
Price after rebate $329.00 – $489.00
Sennheiser
ew 100 ENG G3 

Wireless Microphone System
Combo

Mail-In Rebate: $75.00
Price after rebate: $724.95
Sennheiser
ew 112-p G3 

Wireless Microphone System
with ME2 Lavalier Mic

Mail-In Rebate: $50.00
Price after rebate: $579.95
Sennheiser
ew 122-p G3 

Wireless Microphone System
with ME4 Lavalier Mic

Mail-In Rebate: $50.00
Price after rebate: $579.95
Sennheiser
ew 135-p G3 

Wireless Microphone System
with 835 Handheld Mic

Mail-In Rebate: $50.00
Price after rebate: $549.95
Azden On-Camera Short Shotgun Microphone 
 
Mail-In Rebate: $10.00
Price after rebate: $189.00
Pearstone Omni Lavalier Microphone
for Sennheiser ME2
Instant Savings: $20.00
Final Price: $99.95
Pearstone Universal Shock Mount for
Camera Shoes & Boompoles
Instant Savings: $10.00
Final Price: $39.95
Auray Water-Resistant Windscreen 
Shotgun Foam (16cm)
Instant Savings: $10.00
Final Price: $29.95
ikan 4x ILED 312
Standard Interview Kit
Instant Savings: 10%
Final Price: $1,627.20
ikan ILED 312 
3-Point Light Kit/Bag/Stand
Instant Savings: 10%
Final Price: $1,457.10
ikan ID508
3-Point Light Kit
Instant Savings: 10%
Final Price: $1,376.10
ikan Dual Color LED
DMX Head 24v 
Instant Savings: 10%
Final Price: $1,133.10
ikan Led Studio Light
w/DMX
Instant Savings: 10%
Final Price: $935.10
Impact 5-Lamp
Cool Light Two Fixture Kit
Instant Savings: 10%
Final Price: $283.45
Impact 9 Fluorescent
1 Light Kit with Octabox
Instant Savings: 10%
Final Price: $268.15
Impact Turtle Base
C-Stand Kit – 10.75′
Instant Savings: 20%
Final Price: $119.16
Impact Reflector Discs
 
up to 50% off
Airbox Softboxes
 
10% off
Westcott Scrim Jim 
Reflector Kits
up to $50.00 off
Rotolight RL48
On Camera Lights & RL48 Creative Color Kit V2
10% off
Genaray
LED On-Camera Lights

 
10% off
Vidpro
Professional 

Photo & Video LED Light Kit
Instant Savings: $20.00
Final Price: $149.95
Elvid RigVision
7″ Field Monitor

with Shutter Release 
Instant Savings: $50.00
Final Price: $399.95
Vello
LCD Hoods

 
25% off
Raynox Lenses
 

 
up to $90.00 off
Yasuhara
Nanoha Macro &
Madoka Fisheye Lenses

10% off
D/Focus Systems
Follow Focus &
Step Down Rings

  
15% off
Magnus
Tripod Systems 

with Fluid Head
10% off
Sachtler Tripods 
& Mid-Level Spreader
Instant Savings: $50.00
Final Price: $479.95
Revo
Pro Video Stabilizers 

10% off
SHAPE Camera & Lens Supports & Cases
5% off
Steadicam Camera Stabilization Systems
5% off
Steadicam Smoothee Kit 
with GoPro Hero / iPhone 4 Mounts
Instant Savings: $20.00
Final Price: $129.95
Aviator Travel 
Jib Carbon Fiber
Kit

Instant Savings: $50.00
Final Price: $799.00
Apple MacBook Pro Notebook Computers
 
Instant Savings Up To $749.00
LaCie 20TB 5big Thunderbolt
Series 5-Bay RAID
Includes Free:
LaCie 1TB Rugged USB 3.0 Thunderbolt Series Portable Hard Drive (Value $219)
Western Digital 2TB My Book Duo Thunderbolt 
Desktop Hard Drive
Instant Savings: $150.00
Final Price: $649.00
SanDisk
Extreme Solid State Drive (240GB)

Instant Savings: $40.00
Final Price: $169.99
NEXTO
DI Portable Storage
Drives

10% off
 
Primera
Label Printers & Disc Duplicators
 Instant Savings: up to $200.00
+ Receive An iPod via Mail-In Rebate
Lexar 32GB SDHC
Memory Card Professional
Class 10 UHS-I (2 Pack) 

Price: $112.95
Instant Savings: $13.00
Final Price: $99.95
Lexar 32GB CompactFlash Memory Card Professional
1000x UDMA (2-Pack)

Price: $266.99
Instant Savings: $17.00
Final Price: $249.99












the spectacle and the image- the origins of spectacle


The theory of mass culture-or mass audience culture, commercial culture, “popular”
culture, the culture industry, as it is variously known-has always tended to define its object
against so-called high culture without reflecting on the objective status of this opposition.
As so often, positions in this field reduce themselves to two mirror-images, and are
essentially staged in terms of value. Thus the familiar motif of elitism argues for the priority
of mass culture on the grounds of the sheer numbers of people exposed to it; the pursuit of
high or hermetic culture is then stigmatized as a status hobby of small groups of
intellectuals. As its anti-intellectual thrust suggests, this essentially negative position has
little theoretical content but clearly responds to a deeply rooted conviction in American
radicalism and articulates a widely based sense that high culture is an establishment
phenomenon, irredeemably tainted by its association with institutions, in particular with
the university. The value invoked is therefore a social one: it would be preferable to deal
with tv programs, The Godfather, orJaws, rather than with Wallace Stevens or HenryJames,
because the former clearly speak a cultural language meaningful to far wider strata of the
population than what is socially represented by intellectuals. Radicals are however also
intellectuals, so that this position has suspicious overtones of the guilt trip; meanwhile it
overlooks the anti-social and critical, negative (although generally not revolutionary)
stance of much of the most important forms of modem art; finally, it offers no method for
reading even those cultural objects it valorizes and has had little of interest to say about
their content

**html

Presentation related attributes

  • background (Deprecated. use CSS instead.) and bgcolor (Deprecated. use CSS instead.) attributes for body (required element according to the W3C.) element.
  • align (Deprecated. use CSS instead.) attribute on divform, paragraph (p) and heading (h1h6) elements
  • align (Deprecated. use CSS instead.), noshade (Deprecated. use CSS instead.), size (Deprecated. use CSS instead.) and width (Deprecated. use CSS instead.) attributes on hr element
  • align (Deprecated. use CSS instead.), bordervspace and hspace attributes on img and object (caution: the object element is only supported in Internet Explorer (from the major browsers)) elements
  • align (Deprecated. use CSS instead.) attribute on legend and caption elements
  • align (Deprecated. use CSS instead.) and bgcolor (Deprecated. use CSS instead.) on table element
  • nowrap (Obsolete), bgcolor (Deprecated. use CSS instead.), widthheight on td and th elements
  • bgcolor (Deprecated. use CSS instead.) attribute on tr element
  • clear (Obsolete) attribute on br element
  • compact attribute on dldir and menu elements
  • type (Deprecated. use CSS instead.), compact (Deprecated. use CSS instead.) and start (Deprecated. use CSS instead.) attributes on ol and ulelements
  • type and value attributes on li element
  • width attribute on pre element

HTML is written in the form of HTML elements consisting of tags enclosed in angle brackets (like ), within the web page content. HTML tags most commonly come in pairs like 

 and 

, although some tags, known as empty elements, are unpaired, for example . The first tag in a pair is the start tag, the second tag is the end tag (they are also called opening tags and closing tags). In between these tags web designers can add text, tags, comments and other types of text-based content.




Sample page


Sample page


This is a simple sample.




HTML documents 

Some features of HTML trade user convenience for a measure of user privacy.
In general, due to the Internet’s architecture, a user can be distinguished from another by the user’s IP address. IP addresses do not perfectly match to a user; as a user moves from device to device, or from network to network, their IP address will change; similarly, NAT routing, proxy servers, and shared computers enable packets that appear to all come from a single IP address to actually map to multiple users. Technologies such as onion routing can be used to further anonymize requests so that requests from a single user at one node on the Internet appear to come from many disparate parts of the network.
However, the IP address used for a user’s requests is not the only mechanism by which a user’s requests could be related to each other. Cookies, for example, are designed specifically to enable this, and are the basis of most of the Web’s session features that enable you to log into a site with which you have an account.
There are other mechanisms that are more subtle. Certain characteristics of a user’s system can be used to distinguish groups of users from each other; by collecting enough such information, an individual user’s browser’s “digital fingerprint” can be computed, which can be as good, if not better, as an IP address in ascertaining which requests are from the same user.
Grouping requests in this manner, especially across multiple sites, can be used for both benign (and even arguably positive) purposes, as well as for malevolent purposes. An example of a reasonably benign purpose would be determining whether a particular person seems to prefer sites with dog illustrations as opposed to sites with cat illustrations (based on how often they visit the sites in question) and then automatically using the preferred illustrations on subsequent visits to participating sites. Malevolent purposes, however, could include governments combining information such as the person’s home address (determined from the addresses they use when getting driving directions on one site) with their apparent political affiliations (determined by examining the forum sites that they participate in) to determine whether the person should be prevented from voting in an election.
Since the malevolent purposes can be remarkably evil, user agent implementors are encouraged to consider how to provide their users with tools to minimize leaking information that could be used to fingerprint a user.
Unfortunately, as the first paragraph in this section implies, sometimes there is great benefit to be derived from exposing the very information that can also be used for fingerprinting purposes, so it’s not as easy as simply blocking all possible leaks. For instance, the ability to log into a site to post under a specific identity requires that the user’s requests be identifiable as all being from the same user, more or less by definition. More subtly, though, information such as how wide text is, which is necessary for many effects that involve drawing text onto a canvas (e.g. any effect that involves drawing a border around the text) also leaks information that can be used to group a user’s requests. (In this case, by potentially exposing, via a brute force search, which fonts a user has installed, information which can vary considerably from user to user.)
Features in this specification which can be used to fingerprint the user are marked as this paragraph is.(This is a fingerprinting vector.)
Other features in the platform can be used for the same purpose, though, including, though not limited to:
  • The exact list of which features a user agents supports.
  • The maximum allowed stack depth for recursion in script.
  • Features that describe the user’s environment, like Media Queries and the Screen object. [MQ] [CSSOMVIEW]
  • The user’s time zone.

1.11 A quick introduction to HTML

Ready for first implementations
This section is non-normative.
A basic HTML document looks like this:



Sample page


Sample page


This is a simple sample.




HTML documents consist of a tree of elements and text. Each element is denoted in the source by a start tag, such as ““, and an end tag, such as ““. 
(Certain start tags and end tags can in certain cases be omitted and are implied by other tags.)
Tags have to be nested such that elements are all completely within each other, without overlapping:

This is very wrong!

This is correct.

This specification defines a set of elements that can be used in HTML, along with rules about the ways in which the elements can be nested.
Elements can have attributes, which control how the elements work. In the example below, there is a hyperlink, formed using the a element and itshref attribute:
simple
Attributes are placed inside the start tag, and consist of a name and a value, separated by an “=” character. The attribute value can remainunquoted if it doesn’t contain space characters or any of " ' ` = < or >. Otherwise, it has to be quoted using either single or double quotes. The value, along with the “=” character, can be omitted altogether if the value is the empty string.









HTML user agents (e.g. Web browsers) then parse this markup, turning it into a DOM (Document Object Model) tree. A DOM tree is an in-memory representation of a document.
DOM trees contain several kinds of nodes, in particular a DocumentType node, Element nodes, Text nodes, Comment nodes, and in some cases ProcessingInstruction nodes.
The markup snippet at the top of this section would be turned into the following DOM tree:
  • DOCTYPE: html
  • html
    • head
      • #text⏎␣␣
      • title
        • #textSample page
      • #text⏎␣
    • #text⏎␣
    • body
      • #text⏎␣␣
      • h1
        • #textSample page
      • #text⏎␣␣
      • p
        • #textThis is a
        • a href=”demo.html
          • #textsimple
        • #textsample.
      • #text⏎␣␣
      • #commentthis is a comment
      • #text⏎␣⏎
The root element of this tree is the html element, which is the element always found at the root of HTML documents. It contains two elements,head and body, as well as a Text node between them.
There are many more Text nodes in the DOM tree than one would initially expect, because the source contains a number of spaces (represented here by “␣”) and line breaks (“⏎”) that all end up as Text nodes in the DOM. However, for historical reasons not all of the spaces and line breaks in the original markup appear in the DOM. In particular, all the whitespace before head start tag ends up being dropped silently, and all the whitespace after the body end tag ends up placed at the end of the body.
The head element contains a title element, which itself contains a Text node with the text “Sample page”. Similarly, the body element contains an h1 element, a p element, and a comment.

This DOM tree can be manipulated from scripts in the page. Scripts (typically in JavaScript) are small programs that can be embedded using thescript element or using event handler content attributes. For example, here is a form with a script that sets the value of the form’s outputelement to say “Hello World”:
<form name="main">
Result: <output name="result">
<script>
document.forms.main.elements.result.value = 'Hello World';

Each element in the DOM tree is represented by an object, and these objects have APIs so that they can be manipulated. For instance, a link (e.g. the a element in the tree above) can have its “href” attribute changed in several ways:
var a = document.links[0]; // obtain the first link in the document
a.href = 'sample.html'; // change the destination URL of the link
a.protocol = 'https'; // change just the scheme part of the URL
a.setAttribute('href', 'http://example.com/'); // change the content attribute directly
Since DOM trees are used as the way to represent HTML documents when they are processed and presented by implementations (especially interactive implementations like Web browsers), this specification is mostly phrased in terms of DOM trees, instead of the markup described above.

HTML documents represent a media-independent description of interactive content. HTML documents might be rendered to a screen, or through a speech synthesizer, or on a braille display. To influence exactly how such rendering takes place, authors can use a styling language such as CSS.
In the following example, the page has been made yellow-on-blue using CSS.



Sample styled page

body { background: navy; color: yellow; }



Sample styled page


This page is just a demo.



For more details on how to use HTML, authors are encouraged to consult tutorials and guides. Some of the examples included in this specification might also be of use, but the novice author is cautioned that this specification, by necessity, defines the language with a level of detail that might be difficult to understand at first.

1.11.1 Writing secure applications with HTML

This section is non-normative.
When HTML is used to create interactive sites, care needs to be taken to avoid introducing vulnerabilities through which attackers can compromise the integrity of the site itself or of the site’s users.
A comprehensive study of this matter is beyond the scope of this document, and authors are strongly encouraged to study the matter in more detail. However, this section attempts to provide a quick introduction to some common pitfalls in HTML application development.
The security model of the Web is based on the concept of “origins”, and correspondingly many of the potential attacks on the Web involve cross-origin actions. [ORIGIN]
Not validating user input
Cross-site scripting (XSS)
SQL injection
When accepting untrusted input, e.g. user-generated content such as text comments, values in URL parameters, messages from third-party sites, etc, it is imperative that the data be validated before use, and properly escaped when displayed. Failing to do this can allow a hostile user to perform a variety of attacks, ranging from the potentially benign, such as providing bogus user information like a negative age, to the serious, such as running scripts every time a user looks at a page that includes the information, potentially propagating the attack in the process, to the catastrophic, such as deleting all data in the server.
When writing filters to validate user input, it is imperative that filters always be whitelist-based, allowing known-safe constructs and disallowing all other input. Blacklist-based filters that disallow known-bad inputs and allow everything else are not secure, as not everything that is bad is yet known (for example, because it might be invented in the future).
For example, suppose a page looked at its URL’s query string to determine what to display, and the site then redirected the user to that page to display a message, as in:
If the message was just displayed to the user without escaping, a hostile attacker could then craft a URL that contained a script element:
http://example.com/message.cgi?say=%3Cscript%3Ealert%28%27Oh%20no%21%27%29%3C/script%3E
If the attacker then convinced a victim user to visit this page, a script of the attacker’s choosing would run on the page. Such a script could do any number of hostile actions, limited only by what the site offers: if the site is an e-commerce shop, for instance, such a script could cause the user to unknowingly make arbitrarily many unwanted purchases.
This is called a cross-site scripting attack.
There are many constructs that can be used to try to trick a site into executing code. Here are some that authors are encouraged to consider when writing whitelist filters:
  • When allowing harmless-seeming elements like img, it is important to whitelist any provided attributes as well. If one allowed all attributes then an attacker could, for instance, use the onload attribute to run arbitrary script.
  • When allowing URLs to be provided (e.g. for links), the scheme of each URL also needs to be explicitly whitelisted, as there are many schemes that can be abused. The most prominent example is “javascript:“, but user agents can implement (and indeed, have historically implemented) others.
  • Allowing a base element to be inserted means any script elements in the page with relative links can be hijacked, and similarly that any form submissions can get redirected to a hostile site.
Cross-site request forgery (CSRF)
If a site allows a user to make form submissions with user-specific side-effects, for example posting messages on a forum under the user’s name, making purchases, or applying for a passport, it is important to verify that the request was made by the user intentionally, rather than by another site tricking the user into making the request unknowingly.
This problem exists because HTML forms can be submitted to other origins.
Sites can prevent such attacks by populating forms with user-specific hidden tokens, or by checking Origin headers on all requests.
Clickjacking
A page that provides users with an interface to perform actions that the user might not wish to perform needs to be designed so as to avoid the possibility that users can be tricked into activating the interface.
One way that a user could be so tricked is if a hostile site places the victim site in a small iframe and then convinces the user to click, for instance by having the user play a reaction game. Once the user is playing the game, the hostile site can quickly position the iframe under the mouse cursor just as the user is about to click, thus tricking the user into clicking the victim site’s interface.
To avoid this, sites that do not expect to be used in frames are encouraged to only enable their interface if they detect that they are not in a frame (e.g. by comparing the window object to the value of the top attribute).

1.11.2 Common pitfalls to avoid when using the scripting APIs

This section is non-normative.
Scripts in HTML have “run-to-completion” semantics, meaning that the browser will generally run the script uninterrupted before doing anything else, such as firing further events or continuing to parse the document.
On the other hand, parsing of HTML files happens asynchronously and incrementally, meaning that the parser can pause at any point to let scripts run. This is generally a good thing, but it does mean that authors need to be careful to avoid hooking event handlers after the events could have possibly fired.
There are two techniques for doing this reliably: use event handler content attributes, or create the element and add the event handlers in the same script. The latter is safe because, as mentioned earlier, scripts are run to completion before further events can fire.
One way this could manifest itself is with img elements and the load event. The event could fire as soon as the element has been parsed, especially if the image has already been cached (which is common).
Here, the author uses the onload handler on an img element to catch the load event:
Games
If the element is being added by script, then so long as the event handlers are added in the same script, the event will still not be missed:

var img = new Image();
img.src = 'games.png';
img.alt = 'Games';
img.onload = gamesLogoHasLoaded;
// img.addEventListener('load', gamesLogoHasLoaded, false); // would work also
However, if the author first created the img element and then in a separate script added the event listeners, there’s a chance that theload event would be fired in between, leading it to be missed:

Games
<!-- the 'load' event might fire here while the parser is taking a
break, in which case you will not see it! -->

var img = document.getElementById('games');
img.onload = gamesLogoHasLoaded; // might never fire!

1.12 Conformance requirements for authors

This section is non-normative.
Unlike previous versions of the HTML specification, this specification defines in some detail the required processing for invalid documents as well as valid documents.
However, even though the processing of invalid content is in most cases well-defined, conformance requirements for documents are still important: in practice, interoperability (the situation in which all implementations process particular content in a reliable and identical or equivalent way) is not the only goal of document conformance requirements. This section details some of the more common reasons for still distinguishing between a conforming document and one with errors.

1.12.1 Presentational markup

This section is non-normative.
The majority of presentational features from previous versions of HTML are no longer allowed. Presentational markup in general has been found to have a number of problems:
The use of presentational elements leads to poorer accessibility
While it is possible to use presentational markup in a way that provides users of assistive technologies (ATs) with an acceptable experience (e.g. using ARIA), doing so is significantly more difficult than doing so when using semantically-appropriate markup. Furthermore, even using such techniques doesn’t help make pages accessible for non-AT non-graphical users, such as users of text-mode browsers.
Using media-independent markup, on the other hand, provides an easy way for documents to be authored in such a way that they work for more users (e.g. text browsers).
Higher cost of maintenance
It is significantly easier to maintain a site written in such a way that the markup is style-independent. For example, changing the color of a site that uses  throughout requires changes across the entire site, whereas a similar change to a site based on CSS can be done by changing a single file.
Larger document sizes
Presentational markup tends to be much more redundant, and thus results in larger document sizes.
For those reasons, presentational markup has been removed from HTML in this version. This change should not come as a surprise; HTML4 deprecated presentational markup many years ago and provided a mode (HTML4 Transitional) to help authors move away from presentational markup; later, XHTML 1.1 went further and obsoleted those features altogether.
The only remaining presentational markup features in HTML are the style attribute and the style element. Use of the style attribute is somewhat discouraged in production environments, but it can be useful for rapid prototyping (where its rules can be directly moved into a separate style sheet later) and for providing specific styles in unusual cases where a separate style sheet would be inconvenient. Similarly, thestyle element can be useful in syndication or for page-specific styles, but in general an external style sheet is likely to be more convenient when the styles apply to multiple pages.
It is also worth noting that some elements that were previously presentational have been redefined in this specification to be media-independent:bihrssmall, and u.

1.12.2 Syntax errors

This section is non-normative.
The syntax of HTML is constrained to avoid a wide variety of problems.
Unintuitive error-handling behavior
Certain invalid syntax constructs, when parsed, result in DOM trees that are highly unintuitive.
For example, the following markup fragment results in a DOM with an hr element that is an earlier sibling of the correspondingtable element:

...
Errors with optional error recovery
To allow user agents to be used in controlled environments without having to implement the more bizarre and convoluted error handling rules, user agents are permitted to fail whenever encountering a parse error.
Errors where the error-handling behavior is not compatible with streaming user agents
Some error-handling behavior, such as the behavior for the 


... example mentioned above, are incompatible with streaming user agents (user agents that process HTML files in one pass, without storing state). To avoid interoperability problems with such user agents, any syntax resulting in such behavior is considered invalid.

Errors that can result in infoset coercion
When a user agent based on XML is connected to an HTML parser, it is possible that certain invariants that XML enforces, such as comments never containing two consecutive hyphens, will be violated by an HTML file. Handling this can require that the parser coerce the HTML DOM into an XML-compatible infoset. Most syntax constructs that require such handling are considered invalid.
Errors that result in disproportionally poor performance
Certain syntax constructs can result in disproportionally poor performance. To discourage the use of such constructs, they are typically made non-conforming.
For example, the following markup results in poor performance, since all the unclosed i elements have to be reconstructed in each paragraph, resulting in progressively more elements in each paragraph:

He dreamt.

He dreamt that he ate breakfast.

Then lunch.

And finally dinner.

The resulting DOM for this fragment would be:
  • p
    • i
      • #textHe dreamt.
  • p
    • i
      • i
        • #textHe dreamt that he ate breakfast.
  • p
    • i
      • i
        • i
          • #textThen lunch.
  • p
    • i
      • i
        • i
          • i
            • #textAnd finally dinner.
Errors involving fragile syntax constructs
There are syntax constructs that, for historical reasons, are relatively fragile. To help reduce the number of users who accidentally run into such problems, they are made non-conforming.
For example, the parsing of certain named character references in attributes happens even with the closing semicolon being omitted. It is safe to include an ampersand followed by letters that do not form a named character reference, but if the letters are changed to a string that does form a named character reference, they will be interpreted as that character instead.
In this fragment, the attribute’s value is “?bill&ted“:
Bill and Ted
In the following fragment, however, the attribute’s value is actually “?art©“, not the intended “?art&copy“, because even without the final semicolon, “&copy” is handled the same as “©” and thus gets interpreted as “©“:
Art and Copy
To avoid this problem, all named character references are required to end with a semicolon, and uses of named character references without a semicolon are flagged as errors.
Thus, the correct way to express the above cases is as follows:
Bill and Ted 
Art and Copy <!-- the & has to be escaped, since &copy is a named character reference -->
Errors involving known interoperability problems in legacy user agents
Certain syntax constructs are known to cause especially subtle or serious problems in legacy user agents, and are therefore marked as non-conforming to help authors avoid them.
For example, this is why the U+0060 GRAVE ACCENT character (`) is not allowed in unquoted attributes. In certain legacy user agents, it is sometimes treated as a quote character.
Another example of this is the DOCTYPE, which is required to trigger no-quirks mode, because the behavior of legacy user agents in quirks mode is often largely undocumented.
Errors that risk exposing authors to security attacks
Certain restrictions exist purely to avoid known security problems.
For example, the restriction on using UTF-7 exists purely to avoid authors falling prey to a known cross-site-scripting attack using UTF-7.
Cases where the author’s intent is unclear
Markup where the author’s intent is very unclear is often made non-conforming. Correcting these errors early makes later maintenance easier.
For example, it is unclear whether the author intended the following to be an h1 heading or an h2 heading:

Contact details

Cases that are likely to be typos
When a user makes a simple typo, it is helpful if the error can be caught early, as this can save the author a lot of debugging time. This specification therefore usually considers it an error to use element names, attribute names, and so forth, that do not match the names defined in this specification.
For example, if the author typed  instead of 

, this would be flagged as an error and the author could correct the typo immediately.
Errors that could interfere with new syntax in the future
In order to allow the language syntax to be extended in the future, certain otherwise harmless features are disallowed.
For example, “attributes” in end tags are ignored currently, but they are invalid, in case a future change to the language makes use of that syntax feature without conflicting with already-deployed (and valid!) content.
Some authors find it helpful to be in the practice of always quoting all attributes and always including all optional tags, preferring the consistency derived from such custom over the minor benefits of terseness afforded by making use of the flexibility of the HTML syntax. To aid such authors, conformance checkers can provide modes of operation wherein such conventions are enforced.

1.12.3 Restrictions on content models and on attribute values

This section is non-normative.
Beyond the syntax of the language, this specification also places restrictions on how elements and attributes can be specified. These restrictions are present for similar reasons:
Errors involving content with dubious semantics
To avoid misuse of elements with defined meanings, content models are defined that restrict how elements can be nested when such nestings would be of dubious value.
For example, this specification disallows nesting a section element inside a kbd element, since it is highly unlikely for an author to indicate that an entire section should be keyed in.
Errors that involve a conflict in expressed semantics
Similarly, to draw the author’s attention to mistakes in the use of elements, clear contradictions in the semantics expressed are also considered conformance errors.
In the fragments below, for example, the semantics are nonsensical: a separator cannot simultaneously be a cell, nor can a radio button be a progress bar.


Another example is the restrictions on the content models of the ul element, which only allows li element children. Lists by definition consist just of zero or more list items, so if a ul element contains something other than an li element, it’s not clear what was meant.
Cases where the default styles are likely to lead to confusion
Certain elements have default styles or behaviors that make certain combinations likely to lead to confusion. Where these have equivalent alternatives without this problem, the confusing combinations are disallowed.
For example, div elements are rendered as block boxes, and span elements as inline boxes. Putting a block box in an inline box is unnecessarily confusing; since either nesting just div elements, or nesting just span elements, or nesting span elements insidediv elements all serve the same purpose as nesting a div element in a span element, but only the latter involves a block box in an inline box, the latter combination is disallowed.
Another example would be the way interactive content cannot be nested. For example, a button element cannot contain atextarea element. This is because the default behavior of such nesting interactive elements would be highly confusing to users. Instead of nesting these elements, they can be placed side by side.
Errors that indicate a likely misunderstanding of the specification
Sometimes, something is disallowed because allowing it would likely cause author confusion.
For example, setting the disabled attribute to the value “false” is disallowed, because despite the appearance of meaning that the element is enabled, it in fact means that the element is disabled (what matters for implementations is the presence of the attribute, not its value).
Errors involving limits that have been imposed merely to simplify the language
Some conformance errors simplify the language that authors need to learn.
For example, the area element’s shape attribute, despite accepting both circ and circle values in practice as synonyms, disallows the use of the circ value, so as to simplify tutorials and other learning aids. There would be no benefit to allowing both, but it would cause extra confusion when teaching the language.
Errors that involve peculiarities of the parser
Certain elements are parsed in somewhat eccentric ways (typically for historical reasons), and their content model restrictions are intended to avoid exposing the author to these issues.
For example, a form element isn’t allowed inside phrasing content, because when parsed as HTML, a form element’s start tag will imply a p element’s end tag. Thus, the following markup results in two paragraphs, not one:

Welcome. Name:

It is parsed exactly like the following:

Welcome.

Name:
Errors that would likely result in scripts failing in hard-to-debug ways
Some errors are intended to help prevent script problems that would be hard to debug.
This is why, for instance, it is non-conforming to have two id attributes with the same value. Duplicate IDs lead to the wrong element being selected, with sometimes disastrous effects whose cause is hard to determine.
Errors that waste authoring time
Some constructs are disallowed because historically they have been the cause of a lot of wasted authoring time, and by encouraging authors to avoid making them, authors can save time in future efforts.
For example, a script element’s src attribute causes the element’s contents to be ignored. However, this isn’t obvious, especially if the element’s contents appear to be executable script — which can lead to authors spending a lot of time trying to debug the inline script without realizing that it is not executing. To reduce this problem, this specification makes it non-conforming to have executable script in a script element when the src attribute is present. This means that authors who are validating their documents are less likely to waste time with this kind of mistake.
Errors that involve areas that affect authors migrating to and from XHTML
Some authors like to write files that can be interpreted as both XML and HTML with similar results. Though this practice is discouraged in general due to the myriad of subtle complications involved (especially when involving scripting, styling, or any kind of automated serialization), this specification has a few restrictions intended to at least somewhat mitigate the difficulties. This makes it easier for authors to use this as a transitionary step when migrating between HTML and XHTML.
For example, there are somewhat complicated rules surrounding the lang and xml:lang attributes intended to keep the two synchronized.
Another example would be the restrictions on the values of xmlns attributes in the HTML serialization, which are intended to ensure that elements in conforming documents end up in the same namespaces whether processed as HTML or XML.
Errors that involve areas reserved for future expansion
As with the restrictions on the syntax intended to allow for new syntax in future revisions of the language, some restrictions on the content models of elements and values of attributes are intended to allow for future expansion of the HTML vocabulary.
For example, limiting the values of the target attribute that start with an U+005F LOW LINE character (_) to only specific predefined values allows new predefined values to be introduced at a future time without conflicting with author-defined values.
Errors that indicate a mis-use of other specifications
Certain restrictions are intended to support the restrictions made by other specifications.
For example, requiring that attributes that take media queries use only valid media queries reinforces the importance of following the conformance rules of that specification.

1.13 Suggested reading

This section is non-normative.
The following documents might be of interest to readers of this specification.
Character Model for the World Wide Web 1.0: Fundamentals [CHARMOD]
This Architectural Specification provides authors of specifications, software developers, and content developers with a common reference for interoperable text manipulation on the World Wide Web, building on the Universal Character Set, defined jointly by the Unicode Standard and ISO/IEC 10646. Topics addressed include use of the terms ‘character’, ‘encoding’ and ‘string’, a reference processing model, choice and identification of character encodings, character escaping, and string indexing.
Unicode Security Considerations [UTR36]
Because Unicode contains such a large number of characters and incorporates the varied writing systems of the world, incorrect usage can expose programs or systems to possible security attacks. This is especially important as more and more products are internationalized. This document describes some of the security considerations that programmers, system analysts, standards developers, and users should take into account, and provides specific recommendations to reduce the risk of problems.
Web Content Accessibility Guidelines (WCAG) 2.0 [WCAG]
Web Content Accessibility Guidelines (WCAG) 2.0 covers a wide range of recommendations for making Web content more accessible. Following these guidelines will make content accessible to a wider range of people with disabilities, including blindness and low vision, deafness and hearing loss, learning disabilities, cognitive limitations, limited movement, speech disabilities, photosensitivity and combinations of these. Following these guidelines will also often make your Web content more usable to users in general.
Authoring Tool Accessibility Guidelines (ATAG) 2.0 [ATAG]
This specification provides guidelines for designing Web content authoring tools that are more accessible for people with disabilities. An authoring tool that conforms to these guidelines will promote accessibility by providing an accessible user interface to authors with disabilities as well as by enabling, supporting, and promoting the production of accessible Web content by all authors.
User Agent Accessibility Guidelines (UAAG) 2.0 [UAAG]
This document provides guidelines for designing user agents that lower barriers to Web accessibility for people with disabilities. User agents include browsers and other types of software that retrieve and render Web content. A user agent that conforms to these guidelines will promote accessibility through its own user interface and through other internal facilities, including its ability to communicate with other technologies (especially assistive technologies). Furthermore, all users, not just users with disabilities, should find conforming user agents to be more usable.

4.2.3 The base element

The base element allows authors to specify the document base URL for the purposes of resolving relative URLs, and the name of the defaultbrowsing context for the purposes of following hyperlinks. The element does not represent any content beyond this information.Categories:
Metadata content.
Contexts in which this element can be used:
In a head element containing no other base elements.
Content model:
Empty.
Tag omission in text/html:
No end tag.
Content attributes:
Global attributes
href — Document base URL
target — Default browsing context for hyperlink navigation and form submission
DOM interface:
interface HTMLBaseElement : HTMLElement {
attribute DOMString href;
attribute DOMString target;
};
There must be no more than one base element per document.
base element must have either an href attribute, a target attribute, or both.
The href content attribute, if specified, must contain a valid URL potentially surrounded by spaces.
base element, if it has an href attribute, must come before any other elements in the tree that have attributes defined as taking URLs, except the html element (its manifest attribute isn’t affected by base elements).
If there are multiple base elements with href attributes, all but the first are ignored.
The target attribute, if specified, must contain a valid browsing context name or keyword, which specifies which browsing context is to be used as the default when hyperlinks and forms in the Document cause navigation.
base element, if it has a target attribute, must come before any elements in the tree that represent hyperlinks.
If there are multiple base elements with target attributes, all but the first are ignored.
The href IDL attribute, on getting, must return the result of running the following algorithm:
  1. If the base element has no href content attribute, then return the document base URL and abort these steps.
  2. Let fallback base url be the Document‘s fallback base URL.
  3. Let url be the value of the href attribute of the base element.
  4. Resolve url relative to fallback base url (thus, the base href attribute isn’t affected by xml:base attributes or base elements).
  5. If the previous step was successful, return the resulting absolute URL and abort these steps.
  6. Otherwise, return the empty string.
The href IDL attribute, on setting, must set the href content attribute to the given new value.
The target IDL attribute must reflect the content attribute of the same name.
In this example, a base element is used to set the document base URL:



This is an example for the <base> element



Visit the archives.



The link in the above example would be a link to “http://www.example.com/news/archives.html“.

arch-archiving-archives-papers-

Filed under: Notes — admin @ 20:44




























ΑΝΑΒΑΛΕ ΓΙΑ ΛΙΓΟ ΤΟΝ ΘΑΝΑΤΟ ΣΟΥ, ΓΙΑ ΝΑ ΣΟΥ ΠΩ ΜΙΑ ΙΣΤΟΡΙΑ. ΙΣΤΟΡΙΕΣ, ΑΜΑΡΤΙΕΣ & ΜΕΓΑΛΑ ΛΑΘΗ («Οι σχολιαστές σημειώνουν σ’ αυτό το χωρίο: Η ορθή αντίληψη ενός ζητήματος και η παρανόηση ενός ζητήματος δεν αποκλείονται αμοιβαίως». Φραντς Κάφκα, “Η Δίκη”).



Δούλευε κανονικά, με ωράριο, σε μεγάλη εταιρία, και ήταν επιφορτισμένος με το καθήκον να κάθεται στο γραφείο δίπλα στο μεγάλο παράθυρο, να κοιτάζει προς τα έξω και να σημειώνει πότε ο ουρανός πάνω από τα κεντρικά της εταιρίας ήταν εντελώς ηλιόλουστος, πότε μαζεύονταν σύννεφα, σε τι ποσοστό κάλυπταν τον ήλιο και για πόση ώρα, πότε ακριβώς ξεκίναγε και πότε ακριβώς τελείωνε η κάθε βροχή. Οι αρμοδιότητές του περιορίζονταν στη συμπλήρωση αυτών των ημερήσιων αναφορών, καθώς άλλα τμήματα ήταν επιφορτισμένα με την αρχειοθέτηση, επεξεργασία και στατιστική ανάλυσή τους.  Η δουλειά του μπορεί να φαινόταν σχετικά απλή, ήταν ωστόσο σαφές πως δεν μπορούσε να την κάνει ο καθένας. Ο εταιρικός θρύλος έλεγε πως οι τρεις προκάτοχοί του στο συγκεκριμένο πόστο είχαν χάσει τα λογικά τους, καθώς η συννεφιά μπορεί απλά να σου χάλασει τη διάθεση και η λιακάδα απλά να στην φτιάξει όταν ασχολείσαι με άλλα πράγματα και ο ουρανός είναι μοναχά το φόντο. Όταν όμως η παρατήρηση του ουρανού γίνεται η κύρια απασχόλησή σου, αργά ή γρήγορα διαπιστώνεις πως υπάρχει κάτι που δεν αντέχεται στην έλευση της κάθε συννεφιάς. Εκείνος όμως ήταν φαίνεται φτιαγμένος από άλλα υλικά κι είχε έτσι διαψεύσει όλες τις προβλέψεις, έχοντας γίνει η αιτία να αλλάξουν πολλά λεφτά χέρια σε ενδοεταιρικά στοιχήματα, καθώς συμπλήρωνε ήδη ένα χρόνο, στον οποίο δεν είχε δείξει το παραμικρό σημάδι κλονισμού.
Καθόταν, κοιτούσε και κατέγραφε. Καθόταν, κοιτούσε και κατέγραφε. Με ολοένα και μεγαλύτερη ακρίβεια, έχοντας αφήσει πίσω την απειρία των πρώτων μηνών. 9:32, σύννεφα πλησιάζουν από τον νότο / 9:38, συννεφιά καλύπτουσα το 10% της ατμόσφαιρας / 9:47, ουρανός εντελώς μουντός.
Έμεινε στη θέση του δώδεκα χρόνια, πέντε μήνες και τέσσερεις ημέρες. Θα έμενε παραπάνω, αλλά η εταιρία άντεξε λιγότερο από αυτόν κι έκλεισε. Τον πρώτο καιρό της ανεργίας έψαξε με επιμονή για άλλη δουλειά, αλλά δεν κατάφερε να βρει τίποτα. Σιγά σιγά άρχισε να κλείνεται στο σπίτι του. Για να μη σκουριάζει, τοποθέτησε μια καρέκλα κι ένα τραπέζι δίπλα στο παράθυρο κι άρχισε να συμπληρώνει αναφορές κάθε μέρα.
Καθόταν, κοιτούσε και κατέγραφε. Καθόταν, κοιτούσε και κατέγραφε. Όντας πλέον ο κύριος των αναφορών του, άρχισε να τις κολλάει στους τοίχους του σπίτιου του. Πρώτα κάλυψε το υπνοδωμάτιό του, μετά το σαλόνι, μετά ολόκληρο το σπίτι. Από τους τοίχους πέρασε στα πατώματα, μέχρι που τέλειωσαν κι αυτά. Μετά άρχισε να τις τοιχοκολλά στη γειτονιά του, ύστερα άρχισε να επεκτείνεται σε άλλες. Σίγουρα κάποιοι θα τις έβρισκαν χρήσιμες. Κι άλλωστε αυτό είχε μάθει να κάνει κι ήθελε να εξακολουθήσει να το κάνει καλά.
Οι αναφορές στους τοίχους άρχισαν να κινούν την περιέργεια του κόσμου, μια μέρα τον εντόπισε ένας δημοσιογράφος, σύντομα την πρώτη συνέντευξη ακολούθησε η δεύτερη, κι απέκτησε έτσι ένα σχετικό στάτους.
‘Ηταν γέρος πια, αλλά άξιζε τον κόπο, καθώς είδε να μαζεύονται σπίτι του νέα παιδιά που ήθελαν να μάθουν την τέχνη του. Κάθονταν δίπλα δίπλα κοντά στο παράθυρο κι αυτός από πάνω τους τους επέβλεπε ικανοποιημένος. Ναι, πολλοί από αυτούς τρελάθηκαν στην πορεία. Αλλά αυτή η δουλειά δεν ήταν για όλους.
Λίγα χρόνια αργότερα είχε αποσυρθεί εντελώς και απλά καθόταν και χάζευε τον ουρανό. Καθόταν, κοιτούσε και δεν κατέγραφε. Καθόταν, κοιτούσε και δεν κατέγραφε. Μαζεύονταν σύννεφα κι αυτός τα κοιτούσε χαιρέκακα, ξέροντας πως η υποχρέωσή του απέναντί τους είχε τελειώσει. Τώρα μπορούσε να κλάψει. Αλλά δεν υπήρχε κανείς δίπλα του να καταγράψει τα δάκρυά του. Έτσι τα κράτησε μέσα του.
Έζησε μερικές εβδομάδες ακόμα, που τις πέρασε από την επόμενη ημέρα μπροστά σε έναν καθρέφτη. Καθόταν, κοιτούσε και κατέγραφε. Καθόταν, κοιτούσε και κατέγραφε. 11:14, συγκινούμαι πάλι, μα πώς; / 11:15, βούρκωσα / 11:16 – 12:07, κλαίω / 12:08, νιώθω καλύτερα / 12:22, γελάω.

Filed under: Notes — admin @ 20:42

Δούλευε κανονικά, με ωράριο, σε μεγάλη εταιρία, και ήταν επιφορτισμένος με το καθήκον να κάθεται στο γραφείο δίπλα στο μεγάλο παράθυρο, να κοιτάζει προς τα έξω και να σημειώνει πότε ο ουρανός πάνω από τα κεντρικά της εταιρίας ήταν εντελώς ηλιόλουστος, πότε μαζεύονταν σύννεφα, σε τι ποσοστό κάλυπταν τον ήλιο και για πόση ώρα, πότε ακριβώς ξεκίναγε και πότε ακριβώς τελείωνε η κάθε βροχή. Οι αρμοδιότητές του περιορίζονταν στη συμπλήρωση αυτών των ημερήσιων αναφορών, καθώς άλλα τμήματα ήταν επιφορτισμένα με την αρχειοθέτηση, επεξεργασία και στατιστική ανάλυσή τους.  Η δουλειά του μπορεί να φαινόταν σχετικά απλή, ήταν ωστόσο σαφές πως δεν μπορούσε να την κάνει ο καθένας. Ο εταιρικός θρύλος έλεγε πως οι τρεις προκάτοχοί του στο συγκεκριμένο πόστο είχαν χάσει τα λογικά τους, καθώς η συννεφιά μπορεί απλά να σου χάλασει τη διάθεση και η λιακάδα απλά να στην φτιάξει όταν ασχολείσαι με άλλα πράγματα και ο ουρανός είναι μοναχά το φόντο. Όταν όμως η παρατήρηση του ουρανού γίνεται η κύρια απασχόλησή σου, αργά ή γρήγορα διαπιστώνεις πως υπάρχει κάτι που δεν αντέχεται στην έλευση της κάθε συννεφιάς. Εκείνος όμως ήταν φαίνεται φτιαγμένος από άλλα υλικά κι είχε έτσι διαψεύσει όλες τις προβλέψεις, έχοντας γίνει η αιτία να αλλάξουν πολλά λεφτά χέρια σε ενδοεταιρικά στοιχήματα, καθώς συμπλήρωνε ήδη ένα χρόνο, στον οποίο δεν είχε δείξει το παραμικρό σημάδι κλονισμού.
Καθόταν, κοιτούσε και κατέγραφε. Καθόταν, κοιτούσε και κατέγραφε. Με ολοένα και μεγαλύτερη ακρίβεια, έχοντας αφήσει πίσω την απειρία των πρώτων μηνών. 9:32, σύννεφα πλησιάζουν από τον νότο / 9:38, συννεφιά καλύπτουσα το 10% της ατμόσφαιρας / 9:47, ουρανός εντελώς μουντός.
Έμεινε στη θέση του δώδεκα χρόνια, πέντε μήνες και τέσσερεις ημέρες. Θα έμενε παραπάνω, αλλά η εταιρία άντεξε λιγότερο από αυτόν κι έκλεισε. Τον πρώτο καιρό της ανεργίας έψαξε με επιμονή για άλλη δουλειά, αλλά δεν κατάφερε να βρει τίποτα. Σιγά σιγά άρχισε να κλείνεται στο σπίτι του. Για να μη σκουριάζει, τοποθέτησε μια καρέκλα κι ένα τραπέζι δίπλα στο παράθυρο κι άρχισε να συμπληρώνει αναφορές κάθε μέρα.
Καθόταν, κοιτούσε και κατέγραφε. Καθόταν, κοιτούσε και κατέγραφε. Όντας πλέον ο κύριος των αναφορών του, άρχισε να τις κολλάει στους τοίχους του σπίτιου του. Πρώτα κάλυψε το υπνοδωμάτιό του, μετά το σαλόνι, μετά ολόκληρο το σπίτι. Από τους τοίχους πέρασε στα πατώματα, μέχρι που τέλειωσαν κι αυτά. Μετά άρχισε να τις τοιχοκολλά στη γειτονιά του, ύστερα άρχισε να επεκτείνεται σε άλλες. Σίγουρα κάποιοι θα τις έβρισκαν χρήσιμες. Κι άλλωστε αυτό είχε μάθει να κάνει κι ήθελε να εξακολουθήσει να το κάνει καλά.
Οι αναφορές στους τοίχους άρχισαν να κινούν την περιέργεια του κόσμου, μια μέρα τον εντόπισε ένας δημοσιογράφος, σύντομα την πρώτη συνέντευξη ακολούθησε η δεύτερη, κι απέκτησε έτσι ένα σχετικό στάτους.
‘Ηταν γέρος πια, αλλά άξιζε τον κόπο, καθώς είδε να μαζεύονται σπίτι του νέα παιδιά που ήθελαν να μάθουν την τέχνη του. Κάθονταν δίπλα δίπλα κοντά στο παράθυρο κι αυτός από πάνω τους τους επέβλεπε ικανοποιημένος. Ναι, πολλοί από αυτούς τρελάθηκαν στην πορεία. Αλλά αυτή η δουλειά δεν ήταν για όλους.
Λίγα χρόνια αργότερα είχε αποσυρθεί εντελώς και απλά καθόταν και χάζευε τον ουρανό. Καθόταν, κοιτούσε και δεν κατέγραφε. Καθόταν, κοιτούσε και δεν κατέγραφε. Μαζεύονταν σύννεφα κι αυτός τα κοιτούσε χαιρέκακα, ξέροντας πως η υποχρέωσή του απέναντί τους είχε τελειώσει. Τώρα μπορούσε να κλάψει. Αλλά δεν υπήρχε κανείς δίπλα του να καταγράψει τα δάκρυά του. Έτσι τα κράτησε μέσα του.
Έζησε μερικές εβδομάδες ακόμα, που τις πέρασε από την επόμενη ημέρα μπροστά σε έναν καθρέφτη. Καθόταν, κοιτούσε και κατέγραφε. Καθόταν, κοιτούσε και κατέγραφε. 11:14, συγκινούμαι πάλι, μα πώς; / 11:15, βούρκωσα / 11:16 – 12:07, κλαίω / 12:08, νιώθω καλύτερα / 12:22, γελάω.

exhbtions-places-presart

Filed under: Notes — admin @ 20:41

Chantal Akerman: Maniac Shadows

Special event: Chantal Akerman reading 
Thursday, April 11, 7pm 

In conjunction with her solo exhibition Maniac Shadows, Chantal Akerman will present an evening length performative reading of a new autobiographical text, My Mother Laughs. The text details her aging mother’s daily life, intertwined with wider themes of familial relations and personal history. After the reading, attendees may preview the exhibition, opening April 12th.


Playing on entwined relationships of presence and absence, the legendary Belgian filmmaker’s latest installation features video shot at her residences in different countries. During the exhibition’s opening day, Akerman will be recorded in The Kitchen’s second-floor space reading from her story My Mother Laughs. This video will join the others, introducing a kind of psycho-geography for domestic settings at once near and far.

Curated by Tim Griffin and Lumi Tan


Exhibition Hours: Tues–Fri, 12–6pm; Sat 11–6pm

This exhibition is made possible with support from The Andy Warhol Foundation for the Visual Arts, Dedalus Foundation, Inc., and with public funds from the New York City Department of Cultural Affairs and the New York State Council on the Arts with the support of Governor Andrew Cuomo and the New York State Legislature. 

Photo: Courtesy the artist.

A memorial to nothing … Christian Boltanski’s work at the Grand Palais, Paris. Photograph: Didier Plowy
First there is the noise, a ­clamour that fills the ­echoing vault of the Grand Palais like a great and ­distant crowd. It shifts as one wanders about ­Christian Boltanski’s Personnes, his new project for Monumenta, the annual ­Parisian equivalent to Tate ­Modern’s ­Turbine Hall commission. The ­roaring, ­sonorous boom of white noise ­separates into deep, regular thuds, and above it the croak of frogs or the alarm calls of unseen jungle birds. There are disco squelches and native drums.
These sounds are all human ­heartbeats. Visitors can make their own contribution by having their heart rhythms recorded by white-coated technicians in booths off the main space. Boltanski, one of France’s leading artists, is compiling an ­archive of heartbeats that he intends to be housed, eventually, on a remote and inaccessible Japanese island. He has ­already collected over 15,000 ­individual recordings. One day, these beating hearts will all belong to the dead. If Boltanski’s art endures, one might also imagine that the visitors who make it to the island in the future have yet to be born.
Boltanski’s art is filled with tragedy, humour and a sense of the absurd. It’s a hoot. It is also exceptionally cold. Monumenta usually takes place in late spring, but Boltanski delayed the ­opening to take advantage of ­lightless days and winter chill. Personnes is filled with intimations of the dead. To begin with, one is confronted by a long, high wall of stacked rusted boxes, each of them numbered, the contents of which are unknown. Beyond lies a field of old clothes, lain out in a grid running the length of the building, like municipal flower beds or a field of remembrance. There are old coats and anoraks, once-fashionable things and shapeless things, bright cardigans and children’s sweaters, tatty jumpers and forlorn skirts – a rag-picker’s field or the last day of the spring sales.
Rusted vertical posts divide the grid, supporting striplights slung ­between wires, whose thin glare gives the space a dismal carnival air – or the feel of some stadium in which ­detainees have been rounded up and sent to their doom. It is hard not to think of ­deportations and genocides, a ­recurrent theme in Boltanski’s art.
A great mechanical grab suspended from a crane plucks at a mountain of more old clothes, repeatedly lifting quantities of wretched sweaters, dresses and coats towards the roof of the Belle Epoque building, only to drop them again in a flurry of flailing ­garments and clouds of dust, back on to the 50-tonne mound. The process is as pointless as it is interminable. ­Boltanski has said he thinks of the grab as the indifferent hand of God, or one of those fairground amusements where you try to grab a particular toy, and always fail.
Platitudes about death and ­­absence are easy, however close to hand and present death always is. There are more people alive now than ever before. Ghosts have been crowded out and their voices drowned by the living, WG Sebald remarked somewhere. This thought also permeates Boltanski’s art, which has insistently returned to the subject not just of death but of the anonymity death confers. He deals in traces rather than ghosts, with shadows and lists, ­photographs of the dead and piles of old clothes. His art, ultimately, is a ­memorial to nothing, to everyone and no one.
Another of his current projects is to be filmed in his studio, 24 hours a day, from now until his own death. There is a live feed to a cave in Tasmania owned by a collector, who can watch Boltanski’s daily life as it unfolds, but will be unable to rewind and watch prior moments of this constant record until after Boltanski himself has died. He has also said that art is an attempt to prevent death and the flight of time. Boltanski was, by his own account, a boy who never wanted to grow up.
His father was a secular Jew who hid in a space under the floorboards in the family home during the last years of the Nazi occupation in Paris. ­Boltanski’s mother, a Christian, kept up the pretence that she had been left by her errant husband, who emerged from hiding to father the artist in 1944. This fact permeates Boltanski’s work, and he frequently refers to it in interviews; it explains his instinct for the absurd and the obsession with death.
It is hard to avoid ­comparison ­between Personnes, with its ­unsettling atmosphere and gravitas, and the previous Monumenta project, the great Promenade by Richard Serra in 2008, one of the best works to come out of the past decade. The ­intentions and manners of these two artists could not be more ­different, but both stress the importance and place of the ­spectator, and their ­relation to objects and spaces. Both are also ­preoccupied by repetition and ­difference, a sensitivity to the ­conditions of place and time. It is a ­relationship that is grounded in the body, as much as it is in ideas. One day all our bodies will be stilled, our clothes empty.

«επιτελεστικές εν-καταστάσεις»
       («performative in-stallations»)
Επιτελέσεις που καταλήγουν σε  έργα τέχνης –εγκαταστάσεις.
Εγκαίνια 9 Μαΐου 2013 στις 19.00
Ημερομηνίες για τις επιτελέσεις:
9,10,11|05|2013 στις 19.00 & 20.00
14|05|2013 στις 19.00
Artist talks: Σάββατο 25 Μαΐου, στις 14.00
To Κέντρο Τέχνης & Πολιτισμού Beton7, παρουσιάζει από 9 – 30 Μαΐου 2013 επιτελέσεις που καταλήγουν σε έργα τέχνης – εγκαταστάσεις του Δημοσθένη Αγραφιώτη. Οι επιτελέσεις (performances) έχουν χαρακτήρα συμμετοχικό, δηλαδή, απαιτούν την ενεργό συμβολή των ‘θεατών’. Το τελικό αποτέλεσμα συγκροτεί την έκθεση των παραχθέντων υλικών συνθεμάτων.
Στην όλη διαδικασία συνδράμουν οι: Αντρέας Πασιάς, Θοδωρής Παπαθεοδώρου και Απόστολος Πλαχούρης.

Η επιτέλεση (performance) ως ανταλλαγή ενέργειας ανάμεσα στο σώμα του καλλιτέχνη και τα σώματα των συμμετεχόντων μπορεί να καταλήξει στη διαμόρφωση τέχνεργων, αντικειμένων, εικόνων, ήχων. Σύμφωνα μ αυτή την εκδοχή της επιτέλεσης, το παραγόμενο σύνολο θα μπορούσε να διεκδικήσει την υπόσταση του ‘έργου τέχνης’, ‘αισθητικού αντικειμένου’, ή ‘εγκατάστασης’ (installation); Με μιαν άλλη έκφραση, η επιτέλεση θα μπορούσε να έχει διπλό ρόλο: (i) να αποτελέσει αυτόνομη καλλιτεχνική διαδικασία, (ii) να λειτουργήσει ως μηχανισμός παραγωγής καλλιτεχνημάτων;
Η διπλή διεργασία της επιτέλεσης αναδεικνύει πτυχές που συνδέονται με τα διώνυμα, υλικό/άυλο, ατομικό/συλλογικό, σωματικό/διανοητικό, χωρίς να υπάρχει ωστόσο η διάθεση να τα εξαντλήσει ( ούτε καν να τα οριοθετήσει αναλυτικά ) ως αντιθέσεις.
Η επιτέλεση ως τρόπος σύζευξης των χειρονομιών από τους συμμετέχοντες με αφορμή και χάρη στα υλικά αποτελεί εντέλει, ένα πεδίο όπου διαπραγματεύονται οι ανθρώπινοι δεσμοί. Τι είναι όμως τα υλικά κατάλοιπα αυτής της επιτελ-εργίας; Ερείπια μιας σύντομης και εφήμερης ανταλλαγής μεταξύ του καλλιτέχνη και των άλλων συντελεστών-επιτελεστών;» Ίχνη μιας δοκιμασίας σχετικά με τι μπορεί να είναι ένα συλλογικό διάβημα; Απόδειξη, ότι παρ’ όλες τις δυσκολίες και τους περιορισμούς που σχετίζονται με τις μεθόδους της επιτέλεσης καθεαυτής, μπορεί να καταλήξει σ’ ένα σύνολο με φιλοδοξίες καλλιτεχνικού επιτεύγματος; Υπόλοιπα των «καθαρμών» στην προσπάθεια άρσης των εμποδίων για τη μεταμόρφωση των καταστάσεων, των πραγμάτων και των ανθρώπων; Ένδειξη, για τη βασική αντίθεση ανάμεσα στην επιτέλεση ως εφήμερο ενέργημα και στην τεκμηρίωση της επιτέλεσης  ως αίτημα για την ολοκλήρωση της Τέλος, τεκμήρια από τον γιορτασμό –απόδοση τιμής στην ανθρώπινη φαντασία και ικανότητα να αναφέρεται  στην τύχη πολιτιστικών προτύπων;
                                                           
Δημοσθένης Αγραφιώτης
Ποιητής, επιτελεστής/καλλιτέχνης  διαμέσων

ΕΠΤΑ ΕΠΙΤΕΛΕΣΕΙΣ
1.Κήπος Ζέν-αλφάβητα.(σιτηρά, ζυμαρικά, γράμματα, φωτογραφίες).
2.Αμοιβαιότητα;(αντικείμενα, προβολή, βίντεο).
3.Περιγράμματα-contours. (χαρτιά, μολύβια, μαρκαδόροι).
4.Εμπεδοκλής-4 στοιχεία.(χώμα, νερό, φωτιά, αέρας).
5.Εγκώμιο στο Fluxus. (διαμέσα, εφημερίδες, μελάνια).
6.Αναφορά στον Lyotard. (βίντεο, φωτογραφίες, ήχοι, σχέδια σινικής μελάνης)
7.Κρισιολογί_α.(βίντεο, κίνηση, ήχος).

Ο Δημοσθένης Αγραφιώτης είναι ποιητής, εικαστικός καλλιτέχνης διαμέσων (ζωγραφική, φωτογραφική, διαμέσα/intermedia, performance/επιτέλεση, εγκαταστάσεις). Συγγραφέας βιβλίων με δοκίμια και επιστημονικά άρθρα για την τέχνη, την επιστήμη/τεχνολογία, υγεία ως κοινωνικο-πολιτιστικά φαινόμενα και τη νεοτερικότητα. Ατομικές και συλλογικές εκθέσεις ζωγραφικής, φωτογραφικής και οπτικής/εικονοσχηματικής ποίησης στην Ελλάδα και στο εξωτερικό. Συμμετοχές σε εκδόσεις, κοινωνικο-πολιτιστικές εκδηλώσεις, ταχυδρομική τέχνη, πολυμέσα και διαμέσα, εγκαταστάσεις (ιnstallations) επιτελέσεις (performances), “εναλλακτικές” καλλιτεχνικές δραστηριότητες. Ειδικό ενδιαφέρον για τις συζεύξεις τέχνης και νέων τεχνολογιών – τεχνοεπιστήμης. Έκδοση φυλλαδίου τέχνης ‘Κλίναμεν’ (1980-90) περιοδικού «Κλίναμεν» (Εκδ. Ερατώ, 1990-94) και παραγωγή βιβλίων – καλλιτεχνημάτων (artists books) ‘Κλίναμεν’. ‘Κλίναμεν’ ηλεκτρονικό (2001-).

LINKS
www.dagrafiotis.com
www.multimania.com/lexicones
www.thetis.gr/services/clinamen
mucri-photographie.univ-paris1.fr
databaz.org/vlogtrotter/?cat=3
poiein.gr, hcp.gr www.matchboox.fr

3dimensions-iun-lgt-park-public sculpture-outopia-eliason-le corbusier-boltanski// sem 3,4 public sculpture 1,2

Filed under: Notes — admin @ 20:38

24 Spheres. Time of Change.

makro

pbscl
public sculpture- scale- primitive shapes- the magic of material
File:RichardSerra Fulcrum2.jpgFile:Richard Serra Sealevel1.jpgFile:Richard Serra View Point.jpg0

24 Spheres. Time of Change.

mikro Mya-3dprt-3dim-3dmax-rl-mod
diatoms-exhibition-1

24 Spheres. Time of Change.









For me Utopia is tied to our ‘now’, to the moment between one second and the next. It constitutes a potential that is actualized and transformed into reality; an opening where concepts such as subject and object, inside and outside, proximity and distance are thrown up in the air only to be defined anew. Our sense of orientation is challenged, and the coordinates of our spaces,collective and personal, have to be renegotiated. Mutability and motion lie at the core of Utopia.” – Olafur Eliasson 
As visitors step into long tunnel filled with dense fog and slowly shifting colored lights, they must give up their sense of sight in order to pass from one end to the next in this 2010 installation by Olafur Eliasson at the ARKEN museum in Copenhagen. The dense fog instead encourages visitors to rely on their other senses to navigate the space, drawing to their attention changes in light and sound as other visitors move around you. The colored lights change subtly, from the bright yellows of morning to the deep inky purples and blues of twilight, allowing participants to notice the changes in light of everyday that they might otherwise miss with the distractions of the outside world present. Concentrating on our personal relation to the world around us, Eliasson seeks to reveal the idea of ‘Utopia’ to us as “the now”, or as “moments between one second and the next”. A sensory experience. His 90 meter installation challenges visitors to consider their place in their environment and how they relate to not only the world around them, but also others who share the same space. By blocking outside distractions with the fog, we can better understand our own Utopia, redefining our identity in relation to our surroundings.Eliasson’s use of the visitor as a participant in the work is more than just a cheap thrill, instead the slow pace of the trek through the tunnel encourages quiet reflection and promotes both inner and outer awareness of the world and our place in it. (2)








global village
the impact of the idea of global village – networks-artworks

boltanski 

borders/public-private///

Architectures without Place [diaporama]

Filed under: Notes — admin @ 20:37

Architectures without Place [diaporama]


Construccions al bosc d’Olot by Josep Pujiula [1974]
As in the rest of Spain, Catalonian history is marked for the General Franco’s dictatorship from 1939 to 1975. The Franco era was characterised by repression of pro-democracy and left-wing organisations. In the middle of the repression, the post-war years led Catalonia to an economical growth which started in 1959 and, according to the Museo d’Història de Catalunya, “led [Catalonia] to major economic and social changes: foreign capital came into the country; industry diversified; tourism developed; waves of immigration from within Spain occurred; and the consumer society became established.
Within this context, it is interesting to discover some of the projects presented on the exhibition and publication Architectures without Place, which analyzes a particular vision of architectural production in Catalonia since 1968. As if we were talking about other phantom city, the aim of the exhibition was to limit the study to architectures that do not physically exist but nonetheless help us to understand the present-day reality in all its complexity. As we can read on the exhibition web-site:
The great majority are ideal projects that never got off the architect’s drawing board. Others are projects that have changed as a result of being altered or demolished, or are ephemeral architecture projects conceived for a brief existence: among these, set designs form a group apart by virtue of their specific logic and clearly differentiated conditioning factors.
There are many facts to think about, as how any dictatorship affects architecture and culture in general terms or how the economical limitations have been the seed for creativity and multidisciplinarity on those years, when architectures were proposed or imagined by creative talents from other disciplines such as film, the visual arts and especially the comic.

Modern Iconography. América Sánchez [1980]
Housing was not the exemption. While architects and artist were dreaming on a better and free world, the economic growth that started in those years has affected the architectural production, with the use of new materials and communication tools that allowed architects to know what was happening abroad in the architectural arena. Some historical facts such as the promulgation of the Stabilisation Plan [a plan to cut inflation and reduce the balance of payments] in July 1959, when the régime abandoned the despotic interventionist approach that it had maintained since 1939, had influenced the ideals of architects and creative minds that lived in Catalonia. Again from the Museo d’Història de Catalunya
This [economical] expansion took place without any type of urban planning nor the slightest degree of democratic control over the economy. Urban chaos and the lack of a basic infrastructure were common in the large cities and the tourist areas on the coast.
On those years, homes underwent major changes: New materials, such as chipboard and Formica, revolutionised furniture making. The flood of new domestic appliances continued unabated, and residents’ comfort was dramatically improved by electric fridges, washing machines, dishwashers, radios and televisions, as we can see in the following project:

Reforma apartament Stéphanie. Lluís Clotet and Òscar Tusquets [Studio PER, 1974-79]

Reforma apartament Stéphanie. Lluís Clotet and Òscar Tusquets [Studio PER, 1974-79]
After this brief historical reflection, here is a [diaporama] with some architectures proposed or imagined in which the discussion about the city is carried out from a perspective that, remote from the particular servitudes of the architecture profession, often gives it a greater lucidity.

Naus industrials Josep Ignasi Llorens and Alfons Soldevila [1980]

Infatables. Josep Ponsatí [1971]

Club de golf a Sant Cugat del Vallès. MBM Arquitectes [1970]

Carretera de les aigües. Emili Donato [1981]

City in Space. Ricardo Bofill, Taller de Arquitectura [1968]
The exhibition was designed with a non-chronological narrative of events which aimed to offer a more reflective and multifaceted reading of the content, providing us with the elements for a debate on the role of architecture and its interaction with the socio-political context. General Franco died on 20 November 1975 and the opening up of the regime led to democracy by another route, political reform. In June 1977, the first free elections since 1936 were held. This socio-political changes drives us to reflect on the paradigm of the relationship between the architect and society.
We want to finish with the thought that architecture and architectural communication has often been related with activism in the political context, using image and media as political manifestos. As Beatriz Colominatold us in an interview, “you have to think that in the decade of the 1970s, the political agenda was almost part of our architectural curriculum.” And she adds:
I think that we are facing a very interesting era, because architecture always develops in a deeper way in moments of crisis. In the decade of the 60s and 70s, we had the oil crisis, the war, and other conflicts and we had the time to think about ecology, emergency housing, new materials, the space program, etc. And now that we are living in a similar state of the world, we can discover again some similar responses and recover the principles that we have lost.
Utopias as activism and polemical reaction, keep on going. In the current years, when Barcelona is facing a “star-architect-fever” on its architectural development, Beth Galí reflects this political and economical situation in Catalonia with her project La Sagrera Família [also included in the exhibition], a paper-architecture project aimed to condemn the mediatization of a monument like Gaudi’s Sagrada Familia:

La Sagrera Família, Barcelona. Beth Galí [2000]

But is it Architecture?* | Beniamino Servino


14_08_2012

I’m an ephemeral and not too discontented citizen of a metropolis thought to be modern because all known taste has been avoided in the furnishing and exterior of houses as well as the city plan. Here you cannot point out a trace of a single monument to superstition. Morals and language are reduced to their simplest expression, in short! These millions not needing to know each other pursue their education, work, and old age so identically that the course of their lives must be several times shorter than absurd statistics allow this continent’s people. So, from my window, I see fresh spectres roaming through thick eternal fumes – our woodland shade, our summer night! – New Furies, before my cottage which is my homeland, my whole heart, since all here resembles this – Death without tears, our active daughter and servant, desperate Love and pretty Crime whimpering in the mud of the street.

« Newer PostsOlder Posts »

Powered by WordPress

error: Content is protected !!