
Spanish: 
(música)
- Si eres como yo
puede que emplees bastante tiempo haciendo cosas para la web
Lo cual suele conllevar el uso de CSS
para distribuir los distintos elementos de una web
Ya sea usándolo a través de un preprocesador
o directamente en archivos de texto
o de alguna forma mediante Javascript
CSS es algo que todos hemos utilizado en la web
Y oímos bastante a menudo muchas opiniones sobre CSS
Que está roto, o que es maravilloso
incluso ambas cosas al mismo tiempo
Este conocido meme,
CSS es maravilloso, pero de alguna manera parece sugerir
que hay algo malo con este overflow por defecto
Y es un poco como... ¿Es un conejo? ¿Es un pato?
Dependiendo de cómo lo mires
Puede ser una característica, o un error
Pero de cualquier forma, tenemos que expresar nuestra opinión
vehementemente en Twitter
Y oigo a menudo que el problema de CSS
es que CSS se diseñó para documentos

German: 
(fröhliche Musik)
Wenn du so wie ich bist,
bringst du viel Zeit auf, um Dinge für das Web zu machen.
Das bedeutet häufig, CSS zu nutzen
um Dinge im Web zu layouten.
Ob du dabei einen Präprozessor benutzt,
oder direkt in den Rohtextdateien,
oder in irgendeiner Weise mit JavaScript:
CSS ist etwas, was wir alle nutzen müssen.
Und wir hören häufig viele Meinungen über CSS.
Es ist entweder kaputt oder fantastisch,
oder manchmal sogar beides gleichzeitig.
Dieses populäre Meme sagt aus,
dass CSS wirklich fantastisch ist, aber
die Standardwerte für das Overflow-Verhalten falsch seien.
Es ist irgendwie, ist es ein Hase?
Ist es eine Ente?
Aus welcher Perspektive du es betrachtest,
ist es entweder ein Feature oder ein Bug,
aber irgendwie müssen wir uns
auf Twitter ausdrücken.
Und ich höre häufig, dass das Problem mit CSS ist,
dass CSS für Dokumente geschaffen wurde.

Spanish: 
(música alegre)
Si eres como yo
pasas mucho tiempo haciendo cosas para la web
Y eso comúnmente implica usar CSS
para maquetar el diseño
Así estés usándolo con un preprocesador,
directamente en archivos de texto plano,
o a través de alguna técnica de JavaScript,
CSS es algo que tenemos que usar todo el tiempo en la web.
Frecuentemente oímos muchas opiniones sobre CSS:
que está roto, o que es genial
o a veces ambas a la vez.
Este popular meme
[CSS es genial] parece implicar que tal vez
hay algo mal con el tratamiento
 predeterminado de los desbordes.
Y es un poco de ¿Es esto un conejo
o es un pato?
Dependiendo como lo mires,
puede ser un una característica positiva o un error,
pero sea lo que sea, tenemos que expresar
nuestra opinión ruidosamente en Twitter.
Y comunmente escucho que el problema con CSS
es que CSS es para documentos.

French: 
(musique)
— Si vous êtes comme moi,
vous passez beaucoup de temps à faire des choses pour le web.
Et ça implique souvent d'utiliser CSS
pour mettre en page des choses sur le web.
Que vous fassiez ça avec un pré-processeur
ou directement dans des fichiers textes bruts
ou en JavaScript d'une façon ou d'une autre,
CSS est quelque chose que nous devons tous utiliser sur le web.
Et on entend souvent des tas d'opinions sur CSS.
C'est soit cassé, soit génial
ou peut-être un peu des deux à la fois.
Ce mème célèbre,
« CSS est génial », laisse entendre que peut-être
il y a quelque chose qui cloche avec ce comportement de dépassement par défaut.
Et c'est un peu comme : est-ce que c'est un lapin ?
Est-ce que c'est un canard ?
Selon la façon dont vous regardez ça,
c'est soit une fonctionnalité, soit un bug.
Mais quoi que ce soit, il faut qu'on exprime
notre avis haut et fort sur Twitter.
Et j'entends souvent que le problème avec CSS
c'est que CSS c'est pour les documents.

Portuguese: 
(música animada)
- Se você for igual a mim,
você gasta muito tempo fazendo coisas para a web.
E muitas vezes isso envolve usar CSS
para organizar coisas na web.
Se você estiver usando um pré-processador
ou diretamente em texto puro
ou via JavaScript de alguma forma,
CSS é algo que todos nós precisamos usar na web.
E nós frequentemente ouvimos muitas opiniões sobre CSS.
Ou é algo quebrado ou é muito legal
ou talvez ambos ao mesmo tempo.
O meme popular,
CSS é legal mas parece sugerir que talvez
há algo de errado com esse padrão de transborde.
E é parecido com, isso é um coelho?
Ou é um pato?
Dependendo de como você observar isso,
ou é uma funcionalidade ou um bug,
mas de um jeito ou de outro nós temos que expressar
nossa opinião de voz alta no Twitter.
E muitas vezes eu ouço que o problma com CSS
é que CSS é para documentos.

English: 
(upbeat music)
- If you're anything like me,
you spend a lot of time
making things for the web.
And that often involves using CSS
to lay things out on the web.
Whether you're using
that with a preprocessor
or directly in raw text files
or through JavaScript in some way,
CSS is something that we
all have to use on the web.
And we hear quite often a
lot of opinions about CSS.
It's either broken or it's awesome
or maybe sometimes both at once.
This popular meme,
CSS is awesome but seems
to imply that maybe
there's something wrong
with this overflow default.
And it's a little bit
of a, is it a rabbit?
Is it a duck?
Depending on how you look at this,
it's either a feature or a bug,
but either way we have to express
our opinion loudly on Twitter.
And I hear often that the problem with CSS
is that CSS is for documents.

German: 
Und nun bauen wir Anwendungen,
und Anwendungen sind in einem anderen Feld,
und CSS niemals diese Verwandlung hinbekommt.
Und das ist teils wahr.
Wenn Tim Berners-Lee das Web in 1989 und 1990
das Internet erfunden hat und die erste Webseite baute,
war es klar dass er versucht hatte,
ein Internet von verbundenen Dokumenten zu erstellen
besonders von wissenschaftlichen Artikeln.
Er hatte seine Vision, diese Artikel
jedem Wissenschaftler auf der Welt kostenlos anzubieten.
Du kannst hier den emulierten Line Mode Browser sehen,
der für ältere Maschinen ohne grafische Oberfläche erstellt wurde.
Und ich muss hier Nummern eintippen, um zu einem Link zu navigieren.
Hier wird gesagt, dass das Projekt auf
der Philosophie basiert, dass viele akademische Informationen
kostenlos jedem verfügbar sein sollten.
Aber es ist nicht wirklich fair zu sagen,
dass CSS nur für Dokumente erstellt wurde.
Das gesamte Internet war an diesem Punkt nur für Dokumente bestimmt.
Das ist wie wenn ich sage,
dass die Gutenberg-Presse nur für Bibeln ist,
nur weil das einer der ersten Verwendungszwecke war.

Spanish: 
y ahora mismo estamos construyendo aplicaciones
y las aplicaciones son un campo tan diferente
que CSS nunca va llegar a poder utilizarse para ello
Y este argumento tiene su parte de razón:
Cuando Tim Berners-Lee inventó la web
en 1989 y 1990 y construyó la primera web
dijo muy claramente que quería crear una red de documentos conectados
especialmente, en ese momento, de artículos científicos
Tenía la visión de que dichos artículos
estuvieran disponibles para científicos de todo el mundo de forma gratuita
Podemos ver aquí una emulación del navegador Line-Mode
Para ordenadores antiguos que no tenían interfaz gráfica
Y tengo que usar números para seleccionar un enlace.
Aquí dice: El proyecto está basado
en la filosofía de que la información académica
debería estar disponible libremente a todo el mundo.
Pero no es realmente justo decir que
CSS estaba pensado sólo para documentos
ya que toda la web era únicamente para documentos en ese momento
Es un poco como decir
que la prensa de Gütemberg era sólo para biblias
sólo porque ése fue uno de sus primeros usos

French: 
Et maintenant on construit des applications,
et les applications sont tellement d'un autre genre
que CSS n'arrivera jamais à faire cette transition.
Et c'est en partie vrai.
Quand Tim Berners-Lee a inventé le web
en 1989 et fait le premier site web en 1990,
il était très clair sur le fait qu'il essayait
de construire une toile de documents connectés,
et, en particulier à cette période, d'articles scientifiques.
Il avait cette vision pour rendre ces articles
accessibles aux scientifiques du monde entier gratuitement.
Vous pouvez voir ici, en émulation, le navigateur « Line Mode Browser »
pour les vieilles machines sans interface graphique.
Il faut que j'utilise des nombres pour aller vers un lien.
Ici, ça dit que le projet est basé
sur la philosophie que la plupart des informations académiques
devraient être librement disponibles pour tout le monde.
Mais ce n'est pas très juste de dire
que CSS c'est seulement pour des documents.
C'est le web tout entier qui est seulement pour des documents à ce stade.
C'est un peu comme dire
que les presses de Gutenberg sont faites seulement pour les bibles
parce que c'était l'une des premières utilisations.

English: 
And now we're building applications,
and applications are in
such a different field
that CSS will never make that transition.
And that's partially true.
When Tim Berners-Lee invented the web
in 1989 and 1990 and
made the first website,
he was very clear that he was trying
to make a web of connected documents,
and specifically at that
point scientific articles.
He had this vision for
making these articles
available to scientists
around the world for free.
You can see here emulated
the Line Mode Browser
for older machines without
graphic interfaces.
And I have to use numbers to go to a link.
Here it says the project is based
on the philosophy that
much academic information
should be freely available to anyone.
But it's not really fair to say
that CSS was only for documents.
It's the entire web that's only
for documents at that point.
And it's a little bit like saying
that the Gutenberg
press is only for bibles
just because that was one
of the first use cases.

Portuguese: 
e agora estamos construindo aplicativos,
e aplicativos estão num campo tão diferente
que CSS nunca vai fazer essa transição.
E isso está em parte correto.
Quando Tim Berners-Lee inventou a web
em 1989 e 1990 e fez o primeiro website,
ele deixou bem claro que estava tentando
fazer uma rede de documentos conectados,
e especificamente naquele momento, artigos científicos.
Ele tinha essa visão de fazer esses artigos
disponíveis para cientistas ao redor do mundo de graça.
Voce pode ver aqui emulado o Navegador em Modo de Linha
para máquinas antigas sem interfaces gráficas.
E eu tenho que usar números para ir até um link.
Aqui diz que o projeto é baseado
na filosofia que muita informação acadêmica
deveria ser livremente disponível para todos.
Mas não é justo dizer
que CSS era só para documentos.
Era a web inteira que era para documentos naquele momento.
É como dizer
que a imprensa de Gutenberg é só para a Bíblia
só porque foi um dos primeiros usos.

Spanish: 
Y ahora estamos construyendo aplicaciones
y las aplicaciones son un campo tan diferente
que CSS nunca va a cumplir con esa transición.
Y esto es parcialmente cierto.
Cuando Tim Berners-Lee inventó la web
en 1989 y 1990 e hizo el primer sitio web,
fue muy claro en que estaba tratando de hacer
una web de documentos conectados,
y, específicamente en ese momento, 
de artículos científicos.
Él tenía la visión de hacer que estos artículos
estuvieran disponibles para científicos alrededor del mundo gratuitamente.
Pueden ver aquí emulado el navegador Line Mode
para computadoras viejas sin interfaces gráficas
Y tengo que usar números para ir a un vínculo.
Aquí dice que el proyecto está basado
en la filosofía de que gran parte 
de la información académica
debería estar disponible gratuitamente para todos.
Pero no es realmente justo decir
que CSS solo era para documentos
pues es toda la web la que era solo para documentos en aquel momento.
Sería como afirmar
que la imprenta de Gutenberg es solo para biblias
simplemente porque ese fue uno de sus primeros usos.

German: 
Das Web ist ein sehr junges Medium,
momentan jünger als 30 Jahre alt,
und wir finden immernoch neues heraus wenn wir es benutzen.
Aber die darunterliegende Technologie entwickelt sich schnell,
sowohl die Geräte und Computer mit denen wir arbeiten,
aber auch die Sprachen selber, und was wir bauen.
Und es ist ein offener Standard,
an dem wir also alle zusammen arbeiten können.
Und während das Internet wächst, machen wir mehr und mehr Internetsachen,
verändern Dokumente und Seiten zu Applikationen,
eigentlich vollfunktionsfähige Desktop und Handyapps,
gesamte Unternehmen existieren im Internet.
Wir bauen alle Arten von coolen Dingen,
und sie werden größer und cooler,
und schwieriger zu bauen in vielen Wegen,
und das wirft die Frage auf,
was wir jetzt machen
wenn jetzt alles im Internet ist?
Gelten dort die selben Regeln?
Funktioniert CSS spezifisch für das moderne Web?
Und wieso ist CSS so komisch?
Weil es komisch ist.
Es funktioniert nicht so, wie viele andere Sprachen funktionieren,

English: 
The web is a very young medium,
at this point less than 30 years old,
and we're still figuring it out as we go.
But the underlying technology
is developing quickly,
both the devices and computers
that we're working on,
also the languages themselves,
and also what we're building.
And it's an open standard
so we can all work on that together.
And as the web grows, we make
more and more web things,
moving from documents and
sites to applications,
basically full desktop
and mobile applications,
entire businesses exist on the web.
We're building all sorts of cool things
and they're getting bigger and cooler
and more difficult to
build in lots of ways,
and that raises the question
what are we going to do now
that everything is on the web?
Do the same rules apply?
Does CSS specifically
work on the modern web?
And really why is CSS so weird?
'Cause it is weird.
It doesn't work the way that
a lot of other languages work,

Spanish: 
La web es un medio muy joven
tiene menos de 30 años en este momento,
y aún estámos descifrándola mientras avanzamos
Pero la tecnología subyacente se está desarrollando rápidamente
tanto los dispositivos y ordenadores que estamos usando ahora
así como los propios lenguajes, y lo que estamos construyendo
y es un estándar abierto
así que podemos trabajar en ello todos juntos
y mientras las web crece, hacemos más y más cosas con ella
desde documentos y sitios web hasta aplicaciones
básicamente aplicaciones completas para escritorio y smartphones
existen compañías enteras basadas en la web
estamos construyendo todo tipo de cosas geniales
y se están haciendo más grandes, y más geniales
y más complicadas de construir en muchos sentidos
y esto lleva a la pregunta:
¿Qué vamos a hacer ahora
que todo está en la web?
¿Podemos aplicar las mismas normas?
¿Sigue funcionando CSS para la web actual?
Y, realmente, ¿porqué es tan raro CSS?
Porque es raro
No funciona como la mayoría del resto de lenguajes

Portuguese: 
A web é um meio muito jovem,
nesse ponto, tem menos de 30 anos,
e nós ainda estamos descobrindo enquanto a construímos.
Mas a tecnologia subjacente está se desenvolvendo rapidamente,
os dispositivos e computadores com os quais trabalhamos,
assim como as próprias linguages, e também o que estamos construindo.
E é um padrão aberto
para que nós todos podemos trabalhar juntos.
E enquanto a web cresce, nós fazemos mais e mais coisas na web,
de documentos e sites para aplicativos,
basicamente aplicativos completos para desktop e dispositivos móveis,
negócios inteiros existem na web;
Estamos construindo todo tipo de coisas legais
e elas estão ficando maiores e mais legais
e mais difíceis de construir por vários motivos,
e isso levanta a questão
o que nós vamos fazer agora
que tudo está na web?
As mesmas regras se aplicam?
O CSS especificamente funciona na web moderna?
E por que o CSS é tão estranho?
Porque é estanho.
Ele não funciona do mesmo jeito que muitas outras linguagens funcionam,

French: 
Le web est un média très jeune,
à ce stade moins de 30 ans,
et on essaye encore de le comprendre alors qu'on avance.
Mais la technologie sous-jacente se développe rapidement,
aussi bien les appareils et ordinateurs sur lesquels nous travaillons
que les langages eux-mêmes, et aussi ce que nous construisons.
Et c'est un standard ouvert
sur lequel nous pouvons tous travailler ensemble.
Et alors que le web grandit, nous y faisons de plus en plus de choses,
nous éloignant des documents et sites vers des applications,
des applications desktop et mobiles,
des entreprises entières existent sur le web.
Nous construisons plein de choses cools
et elles deviennent de plus en plus grosses,
de plus en plus cools
et plus difficiles à construire dans bien des aspects.
Et ça pose la question
que va-t-on faire maintenant
que tout est sur le web ?
Est-ce que les mêmes règles s'appliquent ?
Est-ce que CSS fonctionne en particulier pour le web moderne ?
Et pourquoi est-ce que CSS est si bizarre ?
Parce que c'est bizarre.
Ça ne fonctionne pas de la façon dont beaucoup d'autres langages fonctionnent,

Spanish: 
La web es un medio muy joven,
menos de 30 años ahora mismo,
y todavía estamos tratando de descifrarla a medida que avanzamos.
Pero la tecnología subyacente se está desarrollando rápidamente,
tanto las computadoras como en los otros dispositivos en que la usamos,
como los lenguajes mismos , y lo que estamos haciendo con ellos.
Y es un estándar abierto
por lo que todos podemos trabajar en él juntos.
Y conforme la web crece, hacemos más y más cosas web,
progresando de documentos y sitios hacia aplicaciones
básicamente aplicaciones de escritorio y móviles completas,
negocios enteros existen en la web.
Estamos construyendo toda clase de cosas geniales
y se están volviendo más grandes y más geniales
y más difíciles de construir en múltiples sentidos,
lo que plantea la pregunta
¿qué vamos a hacer ahora
que todo está en la web?
¿Aplican las mismas reglas?
¿CSS funciona específicamente con la web moderna?
y realmente ¿por qué es CSS tan raro?
Porque es raro.
No funciona de la misma forma que los otros lenguajes ,

Spanish: 
y tampoco trabaja del mismo modo
que los programas de diseño
es un lenguaje muy raro
Y parte de ello se remonta a estos documentos inciales
Y esta vez voy a consultarlos en un navegador moderno
El mismo archivo sigue funcionando incluso en los navegadores más actuales
Y algunas de las limitaciones que
Tim Berners-Lee menciona aquí
ya en el primer sitio web
cuando estaba diseñando el formato HTML
se prestó atención en dotarlo de cierta simplicidad
para permitir que se pudieran desarrollar muchos navegadores
y con suerte muchos editores
en muchas plataformas
Para hacer HTML independiente de la plataforma
es un lenguaje intencionalmente simple
Y lo mismo se hizo con CSS años después
Pero eso implica no usar ninguna especificación asociada a un dispositivo determinado
Lo cual tiene sentido: no queremos nada
que sólo pueda verse en una determinada plataforma
porque eso rompería la idea global de la web

French: 
et ça ne fonctionne pas de la façon
dont nous avons l'habitude dans les logiciels de design.
C'est un langage très étrange.
Et cela remonte en partie à ces tout premiers documents.
Mais cette fois-ci je vais les regarder dans un navigateur moderne.
Le même fichier fonctionne toujours même dans nos navigateurs modernes.
Et certaines des contraintes que
Tim Berners-Lee mentionne ici
déjà sur son premier site :
« En concevant le type de documents HTML,
il était question d'une certaine simplicité
de manière à permettre à différents navigateurs
et idéalement différents éditeurs
d'être développés sur plein de plateformes. »
Afin de rendre cette plateforme agnostique,
HTML est volontairement un langage très simple.
Et la même chose est vraie pour CSS
quelques années plus tard.
Mais ici, ça implique pas de code
spécifique à un appareil.
Ça a du sens. On ne veut pas de quelque chose
qui ne puisse tourner que sur telle ou telle machine
car ça détruirait cette idée
globale du web.

Spanish: 
y no funciona de la forma en que estamos acostumbrados
a que funcionen los programas de diseño.
Es un lenguaje muy extraño.
Y parte de eso se remite a estos documentos tempranos.
Y esta vez voy a mirarlo en un navegador moderno.
El mismo archivo todavía funciona, incluso con los navegadores más recientes.
Y algunas de las limitaciones que
Tim Berners-Lee ya menciona
en este primer sitio web.
cuando diseñaban el la especificación de HTML
se priorizó una cierta simplicidad
en función de hacer que múltiples navegadores
y, con suerte, muchos editores
fuera desarrollados en múltiples plataformas.
HTML es un lenguaje intencionalmente muy simple
Con el fin de hacerlo independiente de la plataforma.
Y lo mismo es cierto para CSS un par de años después.
Pero aquí, esto implica que no hay código específico de ningún dispositivo.
Esto tiene sentido, no querríamos
que solo funcione en una máquina u otra
porque esto iría en contra de la idea de una web global.

English: 
and it doesn't work the way
that we're used to
design programs working.
It is a very strange language.
And part of that goes back
to these early documents.
And this time I'm going to
look at it in a modern browser.
The same file still work
even in our latest browsers.
And some of the constraints that
Tim Berners-Lee mentions here
in this first website already,
when designing the HTML document type,
consideration was given
to a certain simplicity
in order to allow many browsers
and hopefully many editors
to be developed on many platforms.
In order to make this platform agnostic,
HTML is a very simple
language intentionally.
And the same is true of
CSS a couple years later.
But here, this implies no
device-specific markup.
That makes sense, we don't want anything
that can only run on one
machine or on another
because that would defeat
this global idea of the web.

Portuguese: 
e não funciona do jeito
que estamos acostumados a fazer programas funcionar.
É uma linguagem muito estranha.
E parte disso é devido à esses documentos antigos.
E dessa vez ou vou ver esse documento num navegador moderno.
O mesmo arquivo ainda funciona mesmo nos nossos navegadores mais novos.
E algumas das restrições que
Tim Berners-Lee menciona aqui
já nesse primeiro website,
quando criando o documento HTML.
consideração foi dada à certa simplicidade
para permitir vários navegadores
e talvez vários editores
serem desenvolvidos para várias plataformas.
Para fazer essa plataforma agnóstica,
HTML é uma linguagem muito simples de propósito.
E o mesmo é verdade para o CSS alguns anos depois.
Mas aqui, isso sugere nenhuma sintaxe específica à uma plataforma.
Isso faz sentido, nós não queremos nada
que só possa rodar numa máquina ou outra
por que isso iria entrar em conflito com essa ideia global da web.

German: 
und es funktioniert nicht so,
wie wir gewohnt sind, mit Designprogrammen umzugehen.
Es ist eine sehr komische Sprache.
Und teils geht das auf diese frühen Dokumente zurück.
Und jetzt schaue ich mir das in einem modernem Browser an.
Die exakt gleiche Datei funktioniert immernoch in unseren modernsten Webbrowsern.
Und manche der Einschränkungen,
die Tim Berners-Lee hier erwähnt,
bereits auf dieser ersten Webseite,
wenn er den HTML Dokumententyp entwickelt hat,
hatte er sich Gedanken darüber gemacht, es möglichst simpel zu halten,
um vielen Browsern
und hoffentlich vielen Programmieren
die Entwicklung auf vielen Plattformen zu ermöglichen.
Um diese plattformunabhängig zu machen,
ist HTML gewollt eine sehr einfache Sprache.
Und das selbe ist wahr für das ein paar Jahre später entwickelte CSS.
Aber hier bedeutet dass, das kein gerätespezifisches Markup benutzt wird.
Das macht Sinn, wir wollen nicht etwas
was nur auf der ein oder anderen Maschine läuft haben,
weil das die Grundidee des Internet zerstört.

French: 
Ou quoique ce soit qui
imposerait le contrôle
sur des polices ou des couleurs par exemple.
Et ce qu'il explique ici
c'est que si on permet à
plusieurs appareils
avec différentes capacités graphiques
d'afficher le même web,
alors on doit abandonner le contrôle
des polices et couleurs
et propriétés d'affichage.
Donc dès le départ,
il y a un problème avec le design sur le web.
C'est problématique de faire
du design d'une manière
qui soit agnostique de tout appareil.
En 1994, Tim Berners-Lee forme
le « World Wide web Consortium »
avec un certain nombre d'entreprises.
L'adhésion est assez large
et faite de toute sorte d'organisations,
d'entreprises high-tech
facilement reconnaissables
à des fabricants de navigateurs
ou encore des banques.
N'importe qui étant intéressé
par le futur du web
peut devenir membre de cette organisation
et aider à guider le web vers le futur.

English: 
Or anything which requires control
over fonts or colors for example.
And what he's noticing here
is that if we're going
to allow multiple devices
with different graphic abilities
to display the same web,
then we have to give up control
of fonts and colors
and display properties.
So right from the beginning,
there's a problem with design on the web.
It's problematic to design in a way
that's going to be device agnostic.
In 1994 Tim Berners-Lee forms
the World Wide Web Consortium
with a number of businesses.
The membership is quite large
and made up of all sorts of organizations
from easily recognizable tech companies
to browser vendors to banks.
Anybody that is interested
in the future of the web
can become a member of this organization
and help guide the web into the future.

Spanish: 
O cualquier cosa que requiera control
sobre las fuentes tipográficas o los colores, por ejemplo
Y lo que Tim está diciendo aquí
Es que si vamos a permitir que muchos dispositivos
con diferentes capacidades gráficas puedan mostrar una misma web
No podemos controlar
las fuentes tipográficas, los colores y las propiedades de la pantalla
Así que, desde los mismos inicios
ya existe un problema con el diseño en la web
Es problemático diseñar sin conocer
el dispositivo donde se va a mostrar
En 1994, Tim Berners-Lee funda
el World Wide Web Consortium
con una serie de compañías
La lista de miembros es bastante grande
y está formada por todo tipo de organizaciones
desde empresas tecnológicas fácilmente reconocibles
a vendedores de navegadores o bancos
Cualquiera que esté interesado en el futuro de la web
puede hacerse miembro de esta organización
y ayudar a guiar a la web hacia el futuro

German: 
Oder etwas was Kontrolle benötigt
z.B. über Schriftarten oder Farben.
Und das ist, was er hier anmerkt,
dass wenn wir mehrere Geräte
mit unterschiedlichen grafischen Fähigkeiten das selbe Internet anzeigen soll,
wir Kontrolle aufgeben müssen
über Schriftarten und Farben und Bildschirmeigenschaften.
Also direkt nach dem Start,
gibt es ein Problem mit dem Design im Internet.
Es ist problematisch in einem Weg zu designen,
dass gerätespezifisch ist.
In 1994 formte Tim Berners-Lee
das "World Wide Web Consortium"
mit einer Zahl von Unternehmen.
Die Vereinigung ist riesig,
und auf alle Arten von Organisationen verteilt.
Von einfach erkennenden Technik-Unternehmen,
über Browserhersteller zu Banken.
Jeder der an der Zukunft des Internets interessiert ist,
kann Mitglied dieser Organisation werden
und mithelfen, das Internet in die Zukunft zu führen.

Portuguese: 
Ou qualquer coisa que precise de controle
sobre fontes ou cores por exemplo.
E o que ele percebeu aqui
é que se nós formos permitir vários dispositivos
com capacidades gráficas diferentes exibir a web,
então temos que sacrificar controle
sobre fontes e cores e propriedades de exibição.
Então desde o início,
existe um problema com o design da web.
É problemático desenvolver de um jeito
que será agnóstico em relação aos dispositivos.
Em 1994 Tim Berners-Lee formou
a World Wide Web Consortium
com várias empresas.
A quantidade de membros é bem grande
e composta de todos os tipos de organizações
de empresas de tecnologia conhecidas
até criadores de navegadores e até bancos.
Qualquer um que esteja interessado no futuro da web
pode se tornar membro dessa organização
e ajudar a guiar a web até o futuro.

Spanish: 
O cualquier cosa que requiera control
sobre la fuente o colores por ejemplo.
Y lo que está notando aquí
es que si vamos a permitir a dispositivos múltiples
con diferentes capacidades gráficas mostrar la misma web,
entonces tenemos que ceder el control
de las fuentes, colores y otras propiedades de presentación.
Así que desde el principio,
hay un problema con diseñar para la web.
Es problemático diseñar en tal forma
que sea independiente del dispositivo.
En 1994 Tim Berners-Lee formó
el World Wide Web Consortium
con una serie de empresas.
El número de miembros es bastante grande
y está compuesto por toda clase de organizaciones
desde empresas de tecnología 
fácilmente reconocibles, bancos
a empresas que programan los navegadores.
Cualquiera que esté interesado en el futuro de la web
puede volverse miembro de la organización
y ayudar a guiar la web hacia el futuro.

English: 
More important here on the W3C website
is this idea that it
has a mission statement.
The web has a mission statement
and it's based very much
on that initial document
from Tim Berners-Lee.
We have the open standards
principles which mean
that everything is going
to be developed in the open
and no one company isn't
going to have control
over the future of the web.
But then we also have these ideas,
this principles of the web.
It's a web for everyone which includes
both accessibility issues
and internationalization.
And it's a web on everything,
it's a web of devices,
it's a web that can be on mobile,
it can be on watches,
all sorts of different technologies.
That mission carries on
and some of the same design
problems carry on with it.
This is a radical shift in power
from creators to consumers to audience.
Audience now controls
the display of my content
which wasn't true on the printing press.

French: 
Encore plus important, ici, sur le site du W3C,
est cette idée qu'il y a
une déclaration de mission.
Le web a une mission
et c'est fortement basé
sur ce document initial
de Tim Berners-Lee.
Nous avons les principes de
standards ouverts qui impliquent que
tout va être développé
de manière ouverte
et qu'aucune entreprise ne
va avoir le contrôle
du futur du web.
Mais nous avons aussi ces idées,
ces principes du web.
C'est un web pour tous, ce qui inclut
aussi bien des questions
d'accessibilité ou d'internationalisation.
Et c'est un web partout,
c'est un web d'appareils,
c'est un web qui peut être mobile,
qui peut être sur des montres,
toutes sortes de technologies différentes.
Cette mission se poursuit
et certain de ces problèmes de design
continuent avec elle.
C'est un changement radical de pouvoir
des créateurs aux consommateurs au public.
Le public contrôle désormais
l'affichage de mon contenu
ce qui n'était pas vrai dans la presse écrite.

German: 
Noch wichtiger auf der W3C Webseite
ist die Idee das es ein Missionsstatement hat.
Dass das Internet ein Statement hat und stark auf
auf das erste Dokument von Tim Berners-Lee basiert.
Wir haben das Prinzip der offenen Standards, das bedeutet
dass alles in der Öffentlichkeit entwickelt wird,
und keine Firma alleine die Kontrolle
über die Zukunft des Internets hat.
Aber wir haben auch die Prinzipien,
diese Prinzipien für das Web.
Es ist ein Internet für alles und jeden,
das Beeinträchtige und die verschiedenen Sprachen einschließt.
Und es ist ein Web auf allem.
Es ist ein Internet der Geräte,
ein Internet das auf dem Handy sein kann,
es kann auf Uhren sein,
auf allen Arten von Technologien kann es vertreten sein.
Diese Mission gilt weiter,
und auch für einige dieser selben Designprobleme gilt es weiter.
Das ist eine radikale Änderung der Macht
von Herstellern zu Konsumenten, zu der Zielgruppe.
Die Zielgruppe steuert nun, wie mein Inhalt angezeigt wird,
was auf die Druckpresse nicht zutrifft.

Spanish: 
Lo más importante en el sitio web del W3C
es esta idea de que tiene una declaración de misión clara.
La web tiene una declaración de misión
y está basada en aquel documento inicial de Tim Berners-Lee.
Tenemos el principio de estándares abiertos, lo que significa que
que todo va a ser desarrollado abiertamente
y que ninguna empresa en particular tendrá control
sobre el futuro de la web.
Por otra parte tenemos estas ideas,
estos principios de la web.
Es una web para todos, lo que incluye
tanto cuestiones de accesibilidad como de internacionalización.
Y es una web para todo,
es una web para dispositivos,
es una web para móviles,
puede estar en relojes,
en toda clase de tecnologías distintas.
Esta misión continua
y algunos de los mismos problemas de diseño continúan con ella.
Este es un cambio radical del poder
de los creadores a los consumidores al público
Esta vez es el público el que tiene control sobre la presentación de mi contenido
lo que no era cierto sobre la imprenta.

Portuguese: 
Mais importante aqui no website da W3C
é essa idéia que ela tem uma declaração de missão.
A web tem uma missão e é baseada muito
nesse documento inicial de Tim Berners-Lee.
Nós temos o princípio de padrões abertos que significa
que tudo será desenvolvido abertamente
e nenhuma compania singular terá controle
sobre o futuro da web.
Mas então também temos essas ideias,
esses princípios da web.
É uma web para todos que inclue
acessibilidade e internacionalização.
E é uma rede de tudo,
é uma rede de dispositivos
é uma rede que pode estar no celular,
pode estar em relógios,
todos os tipos de tecnologias diferentes.
Essa missão continua
e alguns dos mesmos problemas continuam com ela.
Há uma mudança de poder radical
de criadores aos consumidores à audiência.
A audiência agora controla a exibição do meu conteúdo
o que não era verdade na imprensa.

Spanish: 
Más importante, aquí en la web del W3C
es esta idea de que establece una misión
La web tiene declarada una misión, y está muy relacionada
con ese documento inicial de Tim Berners-Lee
Tenemos los principios de estándares abiertos, lo que significa
que todo va a ser desarrollado en abierto
y que ninguna compañía va a tener el control
del futuro de la web
Pero también introducen estas ideas
estos principios de la web
Es una web para todos, lo que incluye
tanto cuestiones de accesibilidad como de internacionalización
Y es también una web de todo,
Una web de dispositivos
Es una web que puede estar en un móvil
puede estar relojes
en todo tipo de tecnologías diferentes
Esta misión sigue adelante
Y algunos de estos problemas de diseño también siguen adelante con ella
Esto es un cambio radical en el poder
de los creadores a los consumidores y a la audiencia
Es la audiencia la que controla ahora cómo se mostrará mi contenido
Lo cual no ocurría con la prensa escrita

Portuguese: 
Se eu estou desenhando um poster ou uma camiseta
ou qualquer coisa que será impressa,
Eu posso controlar todo passo do processo
das cores e fontes
até onde eu irei imprimir
e que tipo de impressão eu vou estar fazendo.
E quando eu mandar o produto final,
a audiência para a qual eu mandar irá recebe exatamente o que eu criei
e verão exatamente o que eu quis que vissem.
Na web, esse não é o caso.
Na web o cliente controla a exibição.
E por cliente eu digo tudo
do outro lado do sistema.
As pessoas do outro lado
podem escolher suas configurações, suas configurações padrões
podem adicionar estilos para o meu site nos navegadores delas.
O dispositivo tem controle
sobre com o que pode lidar e o que pode fazer.
O próprio navegador também afeta as capacidades.
Existem todas essas peças que devem ser postas juntas
no lado do cliente para exibir.
E eu não sei todas essas variáveis
quando estou desenvolvendo um aplicativo.

English: 
If I'm designing a poster or a T-shirt
or anything that's going to be printed,
I can control every step of the process
from the colors and the fonts
to what I'm printing on
and what type of printing I'm doing.
And when I ship a final product,
the audience that I send it to
gets exactly what I designed
and they see exactly what
I intended for them to see.
On the web that's just not the case.
On the web the client
controls the display.
And by client I mean everything
on the other end of the system.
The people on the other end
can choose their settings,
their default settings,
they can add styles to my
site for their browser.
Their device has some control
over what it can handle
and what it can do.
The browser itself also
affects the capabilities.
There's all these pieces
that have to get put together
on the client side to display.
And I don't know all those variables
when I'm writing an application.

French: 
Si je conçois un poster ou un T-shirt
ou quoi que ce soit qui sera imprimé,
je peux contrôler toutes les étapes du processus,
des couleurs et polices
à ce sur quoi j'imprime
et quel type d'impression je fais.
Et quand je livre un produit fini,
le public à qui je l'envoie
reçoit exactement ce que j'ai conçu
et voit exactement ce que
j'avais l'intention qu'il voit.
Sur le web, ce n'est tout simplement pas le cas.
Sur le web, le client contrôle l'affichage.
Et par client, je veux dire n'importe quoi
de l'autre côté du système.
Les gens de l'autre côté
peuvent choisir leurs réglages,
leurs paramètres par défaut,
ils peuvent ajouter des styles à mon site
dans leur navigateur.
Leur appareil peut contrôler
ce que mon site peut manipuler
et ce qu'il peut faire.
Le navigateur lui-même joue
aussi sur ses capacités.
Il y a tout ces morceaux
qu'il faut arriver à assembler
du côté client pour s'afficher.
Et je ne connais pas toutes ces variables
quand j'écris mon application.

German: 
Wenn ich ein Poster oder ein T-Shirt designe,
oder alles was ausgedruckt wird,
kann ich jeden einzelnen Schritt des Prozesses kontrollieren.
Von den Farben und den Schriften
über worauf ich drucke,
und welche Art des Drucks ich mache.
Und wenn ich ein fertiges Produkt der Zielgruppe ausrolle,
bekommt sie es exakt so wie ich es designt habe
und sie sehen genau das, was sie sehen sollen.
Im Internet ist das einfach nicht der Fall.
Im Web kontrolliert der Klient das Display.
Und mit Klient meine ich alles
auf der anderen Seite des Systems.
Die Leute am anderen Ende
können ihre Standardeinstellungen treffen.
Sie können Stile für meine Webseite ihrem Browser hinzufügen.
Ihr Gerät hat etwas Kontrolle,
über was es leisten kann und was es machen kann.
Der Browser selber verändert auch die Fähigkeiten.
Es gibt alle diese Zahnräder, die auf dem Zielgerät
ineinander greifen, um es anzuzeigen.
Und ich kenne nicht alle dieser Variablen,
wenn ich eine Applikation schreibe.

Spanish: 
Si estoy diseñado un póster o una camiseta
O cualquier cosa que vaya a ser impresa
Puedo controlar cada etapa del proceso
Desde los colores y las fuentes tipográficas
a dónde lo voy a imprimir
y qué tipo de impresión voy a realizar
Y cuando lanzo el producto final
la audiencia a la que va destinado obtiene exactamente lo que he diseñado
y ven exactamente lo que yo quiero que vean
En la web esto simplemente no es así
En la web el cliente controla lo que ve
Y con cliente me refiero a cualquier cosa
al otro lado del sistema
La gente que hay al otro lado
puede seleccionar sus propias configuraciones, su configuración por defecto
puede añadir estilos a mi web para su navegador
El dispositivo tiene cierto control
sobre lo que puede soportar y cómo hacerlo
el propio navegador también afecta a las capacidades
Son todas estas piezas las que tienen que encajar
en el lado del cliente para mostrar la web
Y yo no conozco todas estas variables
cuando estoy diseñado una aplicación

Spanish: 
Si estoy diseñando un afiche o una remera
o cualquier cosa que vaya a ser impresa,
puedo controlar cada paso del proceso
desde los colores y las fuentes
hasta sobre qué imprimirlo
y el tipo de impresión que utilizaré.
Y cuando envío un producto final,
el público al que se lo envío obtiene exactamente lo que yo diseñé
y ven exactamente lo que yo quise que ellos vieran.
Ese simplemente no es el caso en la web.
En la web es el cliente quien controla la presentación.
Y por cliente quiero decir cualquier cosa
del otro lado del sistema.
La gente del otro lado
puede elegir su configuración, sus opciones por defecto
o agregar estilos a mi sitio en su navegador.
Su dispositivo tiene cierto control
sobre lo que puede soportar y hacer.
El navegador mismo también afecta las capacidades.
Todas estas piezas tienen que unirse
del lado del cliente para mostrar mi contenido.
Y yo desconozco todas esas variables
cuando estoy escribiendo la aplicación.

Spanish: 
En realidad estamos diseñando para un lienzo desconocido e infinito
Y no tenemos toda la información
En lugar de diseñar controlando
exactamente qué deberíamos mostrar
diseñamos pensando en el cambio
y en el movimiento y en la adaptación
sabemos cómo hacerlo
no es un territorio desconocido
podemos diseñar asientos para coches que se mueven atrás y adelante
para que se adapten a diferentes personas
los cinturones de seguridad hacen lo mismo
podemos emitir para televisiones en color
y ver la misma señal en una televisión en blanco y negro
porque la tecnología sabe
cómo degradarse correctamente en esos casos
Las hojas de estilo en cascada (CSS) se diseñaron con ese mismo propósito
Se propuso por primera vez en 1994
Y la especificación se escribió en 1996
pero no llegó a soportarse completamente
en ningún navegador hasta el año 2000
Lo que hacen las hojas de estilo en cascada
El motivo de la "cascada"

German: 
In der Realität designen wir für eine unbekannte, unendlich große Zielscheibe,
und wir wissen nicht alle Variablen.
Also stattdessen, dass wir mit Kontrolle designen,
was wir genau ausliefern,
designen wir für Veränderung,
und für Bewegung und Anpassung.
Wir wissen wie wir das tun,
es ist kein unbekanntes Gebiet.
Wir können Autositze vor- und zurückschieben,
sodass es für verschiedene Leute passt.
Sicherheitsgurte machen das selbe.
Wir können Farbfernsehen austrahlen,
und es auf einem Schwarz/Weiß-Fernseher anschauen,
weil die Technologie versteht,
wie sie sich dann elegant verhalten muss.
Für Gestufte Gestaltungsbögen (CSS) gilt das selbe.
Sie wurden erstmals in 1994 vorgeschlagen,
die Spezifikation wurde 1996 geschrieben,
und sie war in keinem Browser vollständig
bis ins Jahre 2000.
Was Gestufte Gestaltungsbögen machen,
der Grund für diese Stufung, ist

French: 
En réalité, on conçoit pour
une toile infinie et inconnue,
et dont on ne connaît pas toutes les variables.
Plutôt que concevoir avec ce contrôle
sur ce qu'on doit exactement livrer,
on conçoit pour le changement
et pour le mouvement et pour l'adaptation.
On sait comment faire ça,
on n'est pas en territoire inconnu.
On sait faire des sièges d'auto
qui peuvent s'avancer et se reculer
pour que ça s'adapte à différentes personnes.
Même chose avec les ceintures de sécurité.
On peut diffuser un signal TV en couleur
et le regarder sur un téléviseur
en noir et blanc
parce que la technologie comprend
comment se dégrader gracieusement dans ces cas là.
Les feuilles de styles en cascade sont
conçues autour de cette même idée.
Elles ont été proposées d'abord en 1994
puis la spécification a été écrite en 1996,
mais elles ne sont pas arrivées
dans un navigateur avant l'année 2000.
Ce que les feuilles de styles en cascade font,
la raison de la cascade est de prendre

Spanish: 
En realidad estamos diseñando para un lienzo infinito desconocido,
y no tenemos todas las variables.
En vez de diseñar con este control
sobre exactamente qué debemos enviar,
estamos diseñando para el cambio,
para movimiento y adaptación.
Sabemos cómo hacer esto,
este no es territorio desconocido.
Podemos hacer butacas para coches que se mueven hacia adelante y atrás
para ajustarse a distintas personas.
Los cinturones de seguridad hacen lo mismo.
Podemos emitir televisión a color
y verla desde un televisor blanco y negro
porque la tecnología entiende
cómo degradarse con gracia.
CSS está construido con la misma idea.
Fué propuesto por primera vez en 1994
y la especificación fue escrita en 1996,
pero no aparecieron realmente
en ningún navegador hasta el año 2000.
lo que hacen las hojas de estilo en cascada,
la razón para la cascada

Portuguese: 
Na realidade, estamos desenvolvendo para uma tela infinita e desconhecida,
é nós não temos todas as variáveis.
Ao invés de desenvolver com esse controle
sobre o que exatamrnte deveríamos mandar,
nós estamos desenvolvendo em volta de mudança
e movimento e adaptação.
Nós sabemos fazer isso,
não é território estranho.
Nos podemos fazer assentos de carro que movem para frente e para trás
para pessoas diferentes poderem sentar.
Cintos de segurança fazem a mesma coisa
Podemos transmitir TV colorida
E assistir na nossa televisão em preto e branco
porque a tecnologia entende
como degradar graciosamente desse jeito.
Folhas de Estilo em Cascata são construídas ao redor dessa mesma ideia.
foram propostas pela primeira vez em 1994
e a especificação foi escrita em 1996,
mas elas não aparecem completamente
em qualquer navegador até o ano 2000.
O que folhas de estilo em cascata fazem,
o motivo da cascata é para pegar

English: 
In reality we're designing for
an unknown infinite canvas,
and we don't have all the variables.
Rather than designing with this control
over exactly what we should ship,
we're designing for change
and for movement and for adaptation.
We know how to do this,
this is not unfamiliar territory.
We can make car seats that
move forward and backward
so that different people fit.
Seat belts do the same thing.
We can broadcast color TV
and watch it on a black
and white television
because the technology understands
how to degrade gracefully in these ways.
Cascading style sheets are
built around the same idea.
They're first proposed in 1994
and then the spec is written in 1996,
but they don't actually appear fully
in any browser until the year 2000.
What cascading style sheets do,
the reason for the cascade is to take

Portuguese: 
todas essas diferentes fontes de informação,
todas essas variáveis, e colocá-las juntas.
A cascata é um conjunto de regras para como esses diferentes estilos
encaixarão juntos e sobrescreverão uns aos outros,
e ao fim o navegador pega todas essas variáveis,
as colocam juntas e retorna
com um único estilo de renderização final.
E só o navegador pode fazer isso
porque só o navegador tem toda essa informação.
então como designer eu não controlo mais a saída,
eu estou a sugerindo e é por isso que CSS é uma linguagem declarativa.
isso significa que ao invés de descrever,
igual fazemos com JavaScript
os passos que devem ser feitos para recriar um resultado específico,
Eu descrevo a intenção do meu resultado.
O que eu estou tentando fazer?
O que eu quero que meu resultado seja?
E eu estou tentando dar ao navegador
a maior quantidade de informação significativa possível,
subtexto e implicações,
para que o navegador possa fazer decisões inteligentes
em relação ao que fazer com esses estilos.

English: 
all these different
sources of information,
all these different variables,
and put them together.
The cascade is a set of rules
for how these different styles
are going to fit together
and override each other,
and in the end the browser
takes all of those variables,
puts it all together and comes out
with a single final rendering style.
And only the browser can do that
because only the browser
has all that information.
So as a designer I'm no
longer controlling the output,
I'm suggesting and that's why
CSS is a declarative language.
That means that rather than describing,
as we might in JavaScript,
the steps to take to
recreate a specific outcome,
I instead describe the
intent of my outcome.
What am I going for?
What am I pushing towards?
And I'm trying to give the browser
as much meaningful
information as possible,
subtext and implications,
so that the browser can
make smart decisions
about what to do with those styles.

Spanish: 
es tomar todas estas distintas fuentes de información,
todas estas diferentes variables, y unirlas.
La cascada es este conjunto de reglas sobre cómo estos estilos diferentes
van a unirse y sobrescribirse unos a los otros ,
y al final el navegador toma todas estas variables
lo une todo, y proporciona
un único estilo de renderizado final.
Y solo el navegador puede hacer esto
porque solo el navegador conoce toda esta información.
Así que como diseñadores ya no estamos controlando el resultado final,
sino haciendo sugerencias, y eso es lo que hace de CSS lenguaje declarativo.
Esto significa que más que describiendo,
como haríamos con JavaScript,
los pasos a tomar para recrear un resultado específico,
estamos describiendo el resultado que deseamos.
¿Qué intento hacer?
¿A qué apunto?
Y estoy tratando de brindarle al navegador
tanta información significativa como sea posible,
subtexto e implicaciones,
para que el navegador pueda tomar decisiones inteligentes
sobre qué hacer con esos estilos.

French: 
toutes ces différentes sources d'informations,
toutes ces différentes variables
et de les assembler.
La cascade est un ensemble de règles
pour gérer comment ces différents styles
vont s'accorder entre eux
et se surcharger les uns les autres,
et au bout du compte le navigateur
prend toutes ces variables,
les mélange toutes et revient avec
un seul rendu final de styles.
Et seul le navigateur peut faire ça
car seul le navigateur
a toutes ces informations.
Donc en tant que designer,
je ne contrôle plus la sortie,
je la suggère et c'est pour ça que
CSS est un langage déclaratif.
Cela signifie que plutôt que de décrire,
comme on le ferait en JavaScript,
les étapes à suivre pour
recréer un résultat spécifique,
je décris à la place
l'intention de mon résultat.
Qu'est-ce que je cherche à faire ?
Vers quoi est-ce que je veux arriver ?
Et j'essaye de donner au navigateur
autant d'informations importantes
que possible,
de sous-textes et d'implications,
afin que le navigateur puisse
prendre des décisions intelligentes
sur ce qu'il doit faire de ces styles.

German: 
dass sie alle verschiedenen Informationsquellen einbeziehen,
alle diese verschiedenen Variablen, und dann zusammenbringen.
Diese Stufung ist ein Werk an Regeln, wie diese verschiedene Stile
miteinander zusammenpassen und gegenseitig überschreiben,
und am Schluss nimmt der Browser alle diese Variablen,
fügt sie zusammen, und raus kommt
ein einziger, finaler Renderungstil.
Und nur der Browser kann das,
weil nur der Browser sämtliche Informationen hat.
Also gestalte ich das Designer nicht länger das Ergebnis,
sondern ich schlage es vor, und deshalb ist CSS eine Deklarationssprache.
Das heißt stattdessen, dass ich
wie in JavaScript beschreibe,
welche Schritte ich nehmen möchte um etwas zu erreichen,
sage ich stattdessen was ich am Ende haben möchte.
Was will ich erreichen?
Wo will ich etwas bewegen?
Und ich versuche dem Browser,
soviel bedeutende Informationen wie möglich zu geben,
Zwischentexte und Konsequenzen,
sodass der Browser eine schlaue Entscheidung fällen kann,
was er mit den Stilen anfängt.

Spanish: 
Es partir de todas esas fuentes de información distintas
tener en cuenta todas las variables y combinarlas
La cascada es un conjunto de reglas de cómo combinar todos estos estilos diferentes
Y se superponen entre sí
De modo que el navegador tiene en cuenta todas estas variables
las combina y produce
un estilo con el que genera la página definitiva
Y esto sólo puede hacerlo el propio navegador
porque es el único que conoce toda la información necesaria
Así que, como diseñadora, ya no puedo controlar la salida
Lo que hago son sugerencias. Y por eso es por lo que CSS es un lenguaje declarativo
Esto significa que, en lugar de describir
como podríamos hacer en Javascript
los pasos a seguir para recrear un determinado estilo
Describo en su lugar, el propósito de lo que quiero mostrar
¿Qué es lo que estoy buscando?
¿Qué es lo que quiero intentar representar?
E intento dar al navegador
toda la información relevante que me sea posible
contexto e implicaciones
para que el navegador pueda tomar decisiones inteligentes
sobre cómo aplicar dichos estilos

German: 
Das bedeutet sowas wie Normal Flow,
der Weg wie block und inline Elemente zusammen passen,
und relative Einheiten uns erlauben,
diese Beziehungen in einem eindrucksvollen Weg
darzustellen, damit der Browser eine schlaue Entscheidung treffen kann.
Es ist ein international belastbares System,
und eine belastbare Sprache, wo alles leise fehlschlägt,
und wir das in der Tat hier wieder auf seiner Seite sehen.
Die Hypertext Auszeichnungssprache:
Parser sollten Tags ignorieren, die sie nicht verstehen,
Attribute ignorieren, die sie nicht verstehen,
von Tags, die sie sonst verstehen.
Also grundsätzlich:
Browser sollen alles verstehen was sie können,
und alles andere ignorieren.
Und so kommen wir jetzt auf diese Summe:
Rückwärtskompatibilität wo die erste Webseite
immernoch in modernen Browsern läuft,
weil alles belastbar ist,
weil alles rückwärtskompatibel ist.
Es muss auch willentlichen Kontext für diese Arbeit geben.
Alles basiert nicht nur
auf der Größe des Bildschirms,
sondern auf der Art der Schnittstelle.

English: 
That's where things like Normal Flow,
the way that block and inline
elements flow together,
and relative units allow us to create
these relationships in a meaningful way
so that the browser can
make smart decisions.
It's an intentionally resilient system
and resilient language where
everything fails silently,
and we can actually see
that here again on his site.
The hypertext markup language,
parsers should ignore tags
which they do not understand,
and ignore attributes
which they don't understand
of tags that they do.
So even at the smallest level,
browsers are supposed to understand
everything they can and
ignore everything else,
and that's how we get this total
backwards compatibility
where the early website
is still available on modern browsers
because everything is resilient,
everything is backwards compatible.
It also has to be intentionally
contextual for this to work.
Everything depends on
not only the size of the screen
but the type of interface.

French: 
C'est là où des choses comme le flux,
la façon dont les éléments « block »
et « inline » se suivent,
et des unités relatives nous permettent de créer
ces rapports de manière significative
afin que le navigateur puisse prendre de bonnes décisions.
C'est un système volontairement résilient
et un langage résilient où
tout échoue en silence,
et où nous pouvons voir ça ici
à nouveau sur son site.
Au niveau du HTML,
The hypertext markup language,
les analyseurs syntaxiques devraient
ignorer les balises qu'ils ne comprennent pas,
et ignorer les attributs
qu'ils ne comprennent pas
des balises qu'ils comprennent.
Donc même au plus petit niveau,
les navigateurs sont supposés comprendre
tout ce qu'ils peuvent et
ignorer tout le reste,
et c'est comme ça qu'on obtient cette
rétrocompatibilité complète
où le tout premier site web
est toujours disponible sur des navigateurs modernes
parce que tout est résilient,
tout est rétrocompatible.
Ça doit aussi être délibérement
contextuel pour que ça fonctionne.
Tout dépend non seulement
de la taille de l'écran
mais aussi du type d'interface.

Spanish: 
Ahí es donde conceptos como "Flujo Normal" o "Unidades Relativas"
El modo en que los bloques y los distintos elementos de la web fluyen entre sí
o las unidades relativas, nos permiten crear
estas relaciones de forma representativa
para que el navegador pueda tomar estas decisiones
Es un sistema intencionalmente robusto
Y un lenguaje robusto, donde si algo falla, lo hace silenciosamente
y lo podemos ver de hecho, de nuevo en el sitio web
El lenguaje HTTP
los intérpretes deben ignorar los campos que no entiendan
e ignorar los atributos que no entiendan
de los campos que entiendan
De modo que, incluso al mínimo nivel,
los navegadores están diseñados para entender
aquello que puedan, e ignorar todo lo demás
y es por ello por lo que tenemos esta compatibilidad total
donde la primera página web
puede consultarse hoy día con un navegador moderno
porque todo el sistema es robusto
y todo es compatible hacia atrás
Todo esto tiene que ser por ello intencionalmente contextual para funcionar
Ya que todo depende
no sólo del tamaño de la pantalla
sino del tipo de interfaz

Portuguese: 
É aí onde coisas como Normal Flow,
o jeito como elementos em bloco e em linha fluem juntos,
e unidades relativas nos permitem criar
essas relações de uma forma significativa
para que o navegador possa fazer decisões inteligentes.
É um sistema intencionalmente resistente
e uma linguage resistente onde tudo falha silenciosamente
e nós podemos ver aqui de novo no site dele.
Os intérpretes,
de texto de marcação de hipertexto devem ignorar tags que não entendem,
e ignorar atributos que não entendem
de tags que entendem.
Então até no menor nível,
navegadores devem entender tudo
o que podem e ignorar todo o resto,
e é assim que conseguimos essa completa
compatibilidade onde o website antigo
ainda está disponível em navegadores modernos
porque tudo é resistente,
tudo é compatível.
Também deve ser contextual para que isso funcione.
Tudo depende de
não só o tamanho da tela
mas o tipo de interface.

Spanish: 
Allí es cuando cuestiones tales como Flujo Normal,
la forma en que fluyen juntos los elementos de bloque y en linea,
y unidades relativas nos permiten crear
esas relaciones en forma significativa
para que el navegador pueda tomar decisiones inteligentes
Es un sistema intencionalmente resiliente
y un lenguaje resiliente en el que todo falla silenciosamente,
y de hecho aquí podemos ver eso de nuevo en su sitio.
los analizadores sintácticos (parsers) de HTML
deben ignorar las etiquetas que no entiendan,
así como los atributos que no entiendan
de etiquetas que sí.
Así que incluso al nivel más básico,
se supone que los navegadores deben entender
todo lo que puedan e ignorar todo lo demás,
y así es como logramos esta compatibilidad
con versiones anteriores completa, en la que sitios webs antiguos
siguen siendo compatibles con navegadores modernos
gracias a que todo es resiliente,
todo es compatible con versiones anteriores.
Para que esto funciones debe ser intencionalmente contextual.
Todo depende no solo de
el tamaño de la pantalla
sino también del tipo de interfaz.

Spanish: 
¿Cómo vas a interactuar con la web?
¿Con un teclado?
¿Con una pantalla táctil?
o, si ampliamos el espectro,
¿Con una línea Braille?
¿Con unos auriculares?
¿Estás escuchando la web?
Hay tantas interfaces diferentes, que
no tendría sentido utilizar un único estilo para todas
Y por eso, el contexto es un aspecto muy importante en CSS
Y esto es una diferencia fundamental respecto al resto de lenguajes
En Javascript intentamos aislar funciones
Mientras que en CSS, aislar cosas no tiene mucho sentido
Si enfocamos esto
con la visión fundamental
de contenido independiente de la plataforma
Así que realmente, CSS es esta capa de presentación
que podemos permitirnos perder
Y eso es fundamental para la web
Podemos apilar estos estilos encima de todo
pero tienen que ser opcionales
porque hay personas que están utilizando Internet
a través de sistemas que no verán esa presentación
Y esto nos proporciona por defecto una degradación controlada
y la posibilidad de una mejora progresiva

German: 
Wie interagierst du damit?
Ist es eine Tastatur?
Ist es ein Touchbildschirm?
Und allgemeiner,
ist es eine Braillezeile?
Sind es Kopfhörer?
Hörst du dir Webseiten an?
Es gibt so viele verschiedenen Schnittstellen dass die selben Stile
auf den verschiedenen Schnittstellen keinen Sinn machen würden.
Deswegen ist der Kontext CSS sehr wichtig.
Und das ist das fundamentell Andere von den meisten Sprachen.
In JavaScript versuchen wir Funktionen zu isolieren,
und in CSS macht das garkeinen Sinn.
Wenn wir uns das anschauen im Rahmen
einer fundamentellen Vision
von geräteabhängigen Inhalt,
so ist CSS die Präsentationsschicht,
mit der wir einverstanden Sinn, zu verlieren.
Das ist grundsätzlich für das Web,
dass wir diese verschiedenen Stile zusätzlich benutzen,
sie aber optional sein müssen,
weil manche Menschen das Internet
durch Systeme benutzen wo sie diese Präsentationsschicht nicht sehen.
Und das gibt uns sofort Verschlechterung,
und Fortschrittsverbesserungen eingebaut.

English: 
How are you interacting with it?
Is it a keyboard?
Is it touch?
And broadening out,
is it a braille keyboard?
Is it headphones?
Are you listening to websites?
There are so many different
interfaces that the same styles
just wouldn't make
sense across interfaces.
And so context is very important to CSS.
And that's fundamentally
different from most languages.
In JavaScript we try to isolate functions,
and in CSS isolation doesn't
actually make much sense
if we're looking at this
in terms of the fundamental vision
of device agnostic content.
So really CSS is this presentation layer
that we're okay losing.
That's fundamental to the web
that we can layer these styles on top
but they have to be optional
because some people are using the internet
through systems where they
won't see this presentation.
And that gives us right
away graceful degradation
and progressive enhancement built in.

Portuguese: 
Como você está interagindo com ela?
Com um teclado?
Com o toque?
E abrangendo,
é um teclado braile?
São fones de ouvido?
Você está ouvindo websites?
Existem tantas interfaces diferentes que os mesmos estilos
simplesmente não fariam sentido entre interfaces.
Então contexto é muito importante para o CSS.
E isso é fundamentalmente diferente de muitas linguagens.
Em JavaScript nós tentamos isolar funções,
e em CSS isolamento não faz muito sentido
se estivermos olhando
em termos da visão fundamental
de conteúdo independente de dispositivo.
Então CSS é essa camada de apresentação
que não temos problema em perder.
Isso é fundamental para a web
que podemos colocar esses estilos por cima
mas eles devem ser opcionais
Por que algumas pessoas estão usando a internet
por sistemas onde elas não verão essa apresentação.
e isso nos dá imediatamente degradação graciosa
e melhoramento progressivo embutido.

Spanish: 
¿Cómo estamos interactuando con ésta?
¿es a través de un teclado?
¿es táctil?
y ampliando las posibilidades,
¿es un teclado braile?
¿son auriculares?
¿estás escuchando los sitios web?
Hay tantas interfaces diferentes que los mismos estilos
simplemente no tendrían sentido a través de ellas.
Por lo tanto, el contexto es muy importante para CSS
y eso es fundamentalmente distinto 
a la mayoría de los lenguajes
En JavaScript tratamos de aislar funciones
mientras que en CSS el aislamiento no tiene mucho sentido
si estamos viendo esto
en función de esta visión fundamental
de contenido independiente del dispositivo.
Así que en realidad, CSS es esta capa de presentación
que aceptamos poder perder.
Esto es fundamental para la web
que podamos poner estos estilos
pero que deban ser opcionales
porque algunas personas están usando internet
a través de sistemas en los que no verán esta presentación.
Y eso nos da de inmediato una degradación elegante
y una mejora progresiva incorporadas.

French: 
Comment est-ce que vous intéragissez avec ?
Est-ce avec un clavier ?
Est-ce tactile ?
Et pour élargir encore plus,
est-ce un clavier braille ?
Est-ce que ce sont des écouteurs ?
Est-ce que vous écoutez des sites web ?
Il y a tellement d'interfaces
différentes que les mêmes styles
n'auraient pas de sens
à travers toutes les interfaces.
Et donc le contexte est très important en CSS.
Et c'est fondamentalement
différent de la plupart des langages.
En JavaScript, on essaye d'isoler des fonctions,
et en CSS, l'isolation n'a
pas vraiment de sens
si on regarde ça
avec la vision fondamentale
de contenu agnostique de tout appareil.
Donc en réalité CSS est cette couche de présentation
qu'on accepte de perdre.
C'est fondamental pour le web
que l'on puisse empiler ces styles par dessus
mais ils doivent rester optionnels
car certaines personnes utilisent Internet
avec des systèmes où elles
ne verront pas cette présentation.
Et cela nous donne d'emblée
la dégradation gracieuse
et l'amélioration progressive intégrées.

French: 
Tout le truc est supposé tomber en morceaux
de manière gracieuse.
C'est comme ça que le web est conçu.
Donc quand on regarde ce mème,
on a redéfini certaines choses
pour leur fonctionnement en CSS.
CSS va le mieux fonctionner
quand on ne définit
ni hauteur ni largeur en même temps,
ou dans ce cas là si on définit
une taille de texte si grande
que la police de caractères dépasse
la largeur qu'on a précisé.
Ça fonctionne en général mieux
si on utilise « min-content »,
ou quelque chose qui va
respecter le contenu
autour duquel il circule
parce que le navigateur doit
prendre ces décisions pour nous.
On n'est pas obligé d'avoir ce rendu
visuel de débordement.
Il y a plein de différents
paramètres qu'on peut utiliser.
« overflow:visible » est juste
la valeur par défaut
parce que CSS est conçu
pour ne pas perdre de contenu,
pour ne pas faire de mal.
Afin de ne pas faire de mal,
on affiche ce qui dépasse par défaut.
Et on peut voir que c'est différent
d'un programme comme InDesign

Portuguese: 
Isso tudo é feito para se despedaçar graciosamente.
É assim que a web é desenvolvida.
Então quando olhamos para esse meme,
definimos coisas demais em relação a como o CSS funciona.
CSS funcionará melhor quando não definimos
a altura e a largura ao mesmo tempo,
ou nesse caso definimos um tamanho de fonte que é tão grande
que a fonte transborda a largura que definimos.
Geralmente funciona melhor se usarmos min-content
ou algo que respeitará o conteúdo
que está fluindo em volta
porque o navegador deve fazer essas decisões para nós.
Nós não somos forçados a ver o transborde visual
Existem muitas configurações diferentes que podemos usar.
transborde visível é só o padrão
porque CSS é feito para não perder conteúdo,
para não causar dano.
E para não causar dano,
nós mostramos o transborde por padrão.
E podemos perceber que isso é diferente
de um programa como InDesign

Spanish: 
Ya que todo el sistema está diseñado para poder degradarse de forma grácil
Así es como está diseñada la web
Así que cuando miramos de nuevo este meme
Vemos que hemos sobrerrepresentado algunos aspectos de cómo trabaja CSS
CSS va a funcionar mejor cuando no restringimos
la altura y la anchura al mismo tiempo
o, en este caso, definimos un tamaño de fuente tan grande
que sobrepasa las restricciones de anchura que hemos establecido antes
Normalmente funcionará mejor si usamos el atributo "min-content"
O algún otro que respete el contenido
que hay alrededor
Porque es el navegador quien tiene que tomar estas decisiones por nosotros
No tenemos que obtener ese desbordamiento visual
Hay muchas opciones diferentes que podemos usar
Que el desbordamiento sea visible es sólo la opción por defecto
Y es así porque CSS está diseñado para no perder contenido
Para no causar daño
Y para no causar daño
permitimos que por defecto el contenido pueda desbordarse
Y podemos ver cómo eso es distinto
a un programa como InDesign

English: 
The whole thing is supposed to
fall apart in a graceful way.
That's how the web is designed.
So when we're looking at this meme,
we've over-defined some
things for how CSS works.
CSS is going to work
best when we don't define
both height and width at the same time,
or in this case define a
font size that is so large
that the font overflows
the width that we've set.
It generally works better
if we use min-content
or something that is going
to respect the content
that it's flowing around
because the browser has to
make these decisions for us.
We don't have to get that visual overflow.
There's many different
settings that we can use.
Overflow visible is just the default
because CSS is designed
to not lose content,
to not cause harm.
In order to not cause harm,
we show what overflows by default.
And we can see that that's different
from a program like InDesign

German: 
Das ganze Konstrukt soll so elegant auseinanderbrechen.
Das ist wie das Internet designt ist.
Also wenn wir uns dieses Meme anschauen,
haben wir CSS-Dinge überdefiniert.
CSS funktioniert am besten wenn wir nicht gleichzeitig
Höhe und Breite gleichzeitig definieren,
oder in diesem Fall eine Schriftart so groß definieren,
dass die Font zu groß für die Breite ist, die wir gesetzt haben.
Es funktioniert besser, wenn wir min-content benutzen,
oder etwas anderes was den Inhalt respektiert.
Sodass es umbricht,
weil der Browser diese Entscheidungen für uns treffen muss,
um das nicht zu bekommen.
Es gibt viele verschiedene Einstellungen die wir nutzen können.
Ein sichtbarer Overflow ist die Standardeinstellung,
weil CSS dafür designt wurde, Inhalt nicht zu verlieren,
um niemanden zu verletzen.
Um also niemanden zu verletzen,
zeigen wir an, was zu groß ist.
Und das ist der Unterschied,
zu Programmen wie InDesign,

Spanish: 
Se supone que todo pueda desmoronarse de forma elegante.
Así es como está diseñada la web.
Así que cuando vemos este meme,
estamos sobre-definiendo algunas cosas acerca de cómo funciona CSS
CSS va a funcionar mejor cuando no definamos
alto y ancho a la vez,
o en este caso un tamaño de fuente tan grande que
desborde el ancho que hemos establecido.
En general, funciona mejor si usamos min-content
o algo que vaya a respetar el contenido
por el que fluye
dado que el navegador tiene que tomar estas decisiones por nosotros.
No tenemos que aceptar este desborde.
Hay muchas opciones diferentes que podríamos usar.
overflow: visible (desbordes visibles) es la configuración por defecto,
simplemente porque CSS está diseñado para no perder contenido,
para no causar daño.
Y para ello,
mostramos los desbordes por defecto.
Podemos ver que esto es distinto
a un programa como InDesign

Spanish: 
Donde tengo que utilizar dos cajas por separado
para obtener una imagen similar
Porque en InDesign, cuando el texto va a salirse de una caja
Y vamos a hacerlo lentamente
El contenido, simplemente desaparece completamente
Y no creo que eso sea un sistema mejor para la web
Ni siquiera un comportamiento por defecto adecuado
Pero estamos intentando resolver problemas diferentes
InDesign sabe que el diseñador retocará el diseño
y hará algunos ajustes
Mientras que en CSS es el navegador
quien tiene que hacer esos ajustes por ti
Como dramaturga, esto me recuerda
a algo que yo misma hago en otro campo
Cuando escribo un guión, sé que los actores
son los que van a pronunciar las líneas que escribo
y que las van a decir en el orden que las he escrito
e incluso puedo anotar quién debería decir qué
pero cuando escribo anotaciones
Puedo decir cómo debería verse el escenario
Y cómo deberían verse los personajes
Y cómo creo que deberían actuar
Y puedo decir todas esas cosas
Pero todo son sugerencias

French: 
où ici j'ai dû utiliser deux boîtes séparées
afin d'obtenir cette même image.
Parce que dans InDesign, quand je déborde d'une boîte,
et faisons ça un petit peu plus doucement,
les choses disparaissent complètement.
Je ne pense pas que ce soit
un meilleur système pour le web.
Ça ne semble pas être un meilleur
comportement par défaut non plus.
Mais ils essaient de résoudre
des problèmes différents.
InDesign sait que vous allez revenir
et faire des ajustements,
là où en CSS le navigateur doit faire
ces ajustements pour vous.
En tant qu'autrice dramatique, ça me rappelle
quelque chose que je fais dans un autre domaine.
Quand j'écris un script,
je sais que les acteurs
vont dire les lignes que j'ai écrites,
et qu'ils vont les dire dans l'ordre
dans lequel je les ai écrites,
et je peux même annoter
qui doit dire quoi.
Mais quand j'écris la mise en scène,
je peux décrire ce à quoi je pense
que la scène devrait ressembler
et ce à quoi je pense que
les personnages devraient ressembler
et comment je pense qu'ils devraient se comporter.
Et je peux dire toutes ces choses
mais ce ne sont que des suggestions,

Portuguese: 
onde eu tive que usar dois blocos diferentes
para poder criar a mesma imagem.
porque no InDesign quando um bloco transborda,
e vamos ver isso mais devagar,
coisas simplesmente desaparecem por completo.
Eu não acho que esse é um sistema melhor para a web.
Também não parece um padrão muito sensível.
Mas estão tentando resolver problemas diferentes.
InDesign sabe que você vai voltar
e fazer alguns ajustes,
enquanto no CSS o navegador tem que fazer
esses ajustes para você.
Como uma dramaturga, isso se destaca para mim
como algo que eu faço em outro campo.
Então quando eu escrevo um roteiro, eu sei que os atores
irão dizer as linhas que eu escrevi,
e irão dizê-las na ordem que eu escrevi,
e eu posso até marcar quem deveria dizer o quê.
Mas quando escrevo direções de palco,
Eu posso dizer como acho que o palco deveria aparecer
e como acho que as personagens deveriam aparecer
a como acho que deveriam atuar.
E eu posso dizer todas essas coisas
mas todas elas são sugestões,

German: 
wo ich hier zwei verschiedene Boxen nutzen müsste,
um das Selbe Bild zu erzeugen.
Weil wenn in InDesign eine Box overflowen lasse,
und lass uns das langsamer betrachten,
verschwinden die Dinge einfach komplett.
Ich denke dass das kein besseres System für das Web wäre.
Das sieht nicht nach einem gefühlvollen Standard aus.
Aber sie versuchen verschiedene Probleme zu lösen.
InDesign weiß dass du
es nochmal anpassen wirst.
Während in CSS der Browser die
Anpassungen für dich erledigen muss.
Als eine Dramatikautorin, finde ich das toll,
was ich woanders auch mache.
Also wenn ich ein Skript schreibe, weiß ich das die Schauspieler
sagen werden was ich geschrieben habe,
und sie sagen es so wie ich geschrieben habe,
und ich kann auch sagen wer was sagen soll.
Aber wenn ich Regieanweisungen verfasse,
kann ich sagen, wie die Bühne aussehen sollen,
wie die Figuren aussehen sollen,
und wie ich denke sie handeln sollten.
Und ich kann das alles sagen,
aber das sind alles Vorschläge,

Spanish: 
en el que debí usar dos cajas separadas
para obtener la misma imagen.
debido a que en InDesign, cuando desbordo una caja
(y permitanme mostrar esto más lentamente)
las cosas simplemente desaparecen por completo.
No creo que esa sea una mejor solución para la web.
No parece ser tampoco una configuración por defecto razonable.
Pero están tratando de resolver problemas distintos.
InDesign sabe que volverás y harás
los ajustes necesarios,
mientras que en CSS el navegador debe
hacer esos ajustes por ti.
Como autora de teatro, esto me resulta similar
a algo que hago en ese otro campo.
Cuando escribo un guión se que los actores
dirán las lineas que escribí,
y que las dirán en el orden que las escribí,
e incluso puedo indicar quién debería decir qué.
Pero cuando escribo indicaciones de escena
puedo decir cómo creo que debería verse el set
y cómo creo que deberían verse y actuar los personajes
Puedo decir todas estas cosas,
pero todas ellas son solamente sugerencias

English: 
where here I had to use two separate boxes
in order to get that same image.
Because in InDesign when I overflow a box,
and let's actually take that slower,
things simply disappear completely.
I don't think that that's a
better system for the web.
That doesn't seem like the
sensible default either.
But they're trying to
solve different problems.
InDesign knows that you'll come back in
and make some adjustments,
whereas in CSS the browser has to make
the adjustments for you.
As a playwright, this stands out to me
as something that I do in another field.
So when I write a script,
I know that the actors
are going to say the lines that I wrote,
and they'll say them in the
order that I wrote them,
and I can even mark it up
with who should say what.
But when I write stage directions,
I can say how I think the set should look
and how I think the characters should look
and how I think they should act.
And I can say all these things
but all of them are suggestions,

Portuguese: 
e a produção
vai provavelmente fazer suas próprias decisões
e jogar fora minha direções
e fazer algo completamente diferente
porque estão trabalhando com atores diferentes
em espaços diferentes com restrições diferentes
e para uma audiência diferente.
E faz sentido que a peça
deve ser atualizada para encaixar com um novo contexto.
Como o teatro, CSS é contextual,
e nós podemos fazer essas sugestões,
mas não podemos insistir no design final.
CSS é intencionalmente diferente.
E intencionalmente funciona dessa forma.
E para citar John Allsopp no ano 2000
quando CSS estava finalmente chegando aos navegadores,
ele diz, "Nós podemos pensar nisso
"como se fosse um bug no sistema,
"or podemos pensar que controle
"é realmente uma limitação da imprensa."
É uma limitação da imprensa
que eu posso controlar tudo nela,
e se eu der meu poster para alguém que não consegue enxergar,
ela não vai poder lê-lo.
E é uma funcionalidade da web

German: 
und die Produktionsfirma
macht höchstwahrscheinlich ihre eigenen Entscheidungen
und wirft meine Regieanweisungen über den Haufen,
und macht etwas komplett einzigartiges,
weil sie mit verschiedenen Schauspielern arbeiten,
in verschiedenen Gebäuden unter verschiedenen Einschränkungen,
und für eine andere Zielgruppe.
Und es macht Sinn, dass der Auftritt
aktuell gehalten muss, um für einen neuen Kontext zu passen.
Wie das Theater ist CSS kontextbezogen,
und wir können Vorschläge machen,
aber wir können nicht auf Sachen bestehen final.
CSS ist gewollt anders.
Und funktioniert gewollt so.
Und um John Allsopp aus dem Jahre 2000 zu zitieren,
wenn CSS in den ersten Webbrowsern eintraf,
sagte er: "Wir können entweder denken,
dass das ein Fehler des Systems ist,
oder wir denken wir kontrollieren
die Einschränkungen einer gedruckten Seite."
Es ist eine Einschränkung des Prints,
dass ich alles kontrollieren kann,
und wenn ich mein Poster jemanden in die Hand gebe, der nicht lesen kann,
hat die Person keine Möglichkeit, es zu lesen.
Und das ist eine Funktion des Internets,

Spanish: 
y la productora probablemente
tome sus propias decisiones
y descartará mis indicaciones de escena
haciendo algo completamente único,
porque están trabajando con distintos actores
en lugares diferentes, bajo limitaciones diferentes
para un público distinto.
Y tiene sentido que la obra
deba adaptarse a un nuevo contexto.
Tal como el teatro, CSS es contextual
y podemos hacer esas sugerencias,
pero no insistir en el diseño final.
CSS es intencionalmente distinto.
Funciona intencionalmente de esa manera.
Citando a John Allsopp en el año 2000
cuando CSS estaba llegando por primera vez a los navegadores
el dice "Realmente podemos pensar esto
como un error del sistema,
o podemos pensar el control
como una limitación de la imprenta"
Es una limitación de la imprenta
que yo pueda controlar todo en ella.
y que si le doy mi afiche a una persona que no puede ver
no pueda leerlo.
Y es una característica de la web

Spanish: 
Y la compañía de teatro
seguramente tome sus propias decisiones
y descarte mis anotaciones
y haga algo completamente único
porque están trabajando con actores distintos
en espacios distintos y bajo condiciones distintas
y para una audiencia diferente
Y tiene sentido que la representación
tenga que adaptarse a ese contexto
Como el teatro, CSS es contextual
Y podemos hacer esas sugerencias
Pero no podemos determinar el diseño final
CSS es diferente intencionadamente
Y funciona así intencionadamente
Y, citando a John Allsopp en el año 2000,
cuando CSS estaba llegando por primera vez a los navegadores
dice: "Realmente, podemos pensar en esto
como un fallo del sistema,
o podemos pensar que el hecho de poder controlar
es una limitación de la página impresa"
Es una limitación de la impresión
el hecho de que pueda controlar todo en ella,
y si le doy mi póster a alguien que no puede ver,
no va a tener la posibilidad de leerlo
Y es una característica de la web

English: 
and the production company
is likely to make their own decisions
and to throw out my stage directions
and do something completely unique
because they're working
with different actors
in different spaces under
different constraints
and for a different audience.
And it makes sense that the performance
has to be updated to fit a new context.
Like theater, CSS is contextual,
and we can make those suggestions,
but we can't insist on the final design.
CSS is intentionally different.
It intentionally works this way.
And to quote John Allsopp
from the year 2000
when CSS was first coming into browsers,
he says, "Really we can think of this
"as a bug of the system,
"or we can think of control
"as really a limitation
of the printed page."
It's a limitation of print
that I can control everything in it,
and if I hand my poster
to somebody who can't see,
they have no ability to read it.
And it's a feature of the web

French: 
et la société de production
va probablement prendre ses propres décisions
et balancer ma mise en scène
et faire quelque chose de complètement unique
parce qu'ils travaillent
avec des acteurs différents
dans des lieux différents
avec des contraintes différentes
et pour un public différent.
Et c'est logique que la performance
doive être mise à jour pour
s'accorder à un nouveau contexte.
Comme le théâtre, CSS est contextuel,
et on peut faire ces suggestions,
mais on ne peut pas insister sur le design final.
CSS est délibérement différent.
Ça fonctionne intentionnellement comme ça.
Et pour citer John Allsopp
en l'an 2000
quand CSS arrivait pour la première fois
dans les navigateurs,
il dit : « On peut voir ça
comme un bug du système,
ou on peut voir ce contrôle
comme une limitation
de la page imprimée. »
C'est une limitation de l'impression
que de pouvoir contrôler tout ce qu'on y fait,
et si je tends mon poster
à quelqu'un qui ne peut pas voir,
il ou elle n'aura pas la capacité de le lire.
Et c'est une fonctionnalité du web

English: 
that anybody can access it
from any different device.
That's actually a feature
and that's something
that we should embrace
and figure out how to use.
And it doesn't mean that the
problem is solved entirely,
but CSS is designed around that idea,
and that's always going to be
a difficult problem to solve,
but one that we have to do in a smart way
that keeps the control on the client side.
Because the web adapts to context,
so even the modern web,
even the most powerful applications,
desktop style applications
on the modern web,
when we put them on the web,
the reason to do that is we
get universal device support,
but the trade-off is we lose
control, and that's a feature.
And CSS is there to help us design
for that audaciously unknown canvas
in a way that no programmatic
language would be able to do.
That's why CSS is so weird.
(upbeat music)

Spanish: 
que cualquiera pueda acceder a ella desde cualquier tipo de dispositivo.
Esta es realmente una característica positiva
que deberíamos aprovechar y descubrir cómo usarla efectivamente.
Esto no no significa que el problema esté resuelto por completo,
pero CSS está diseñado basándose en esa idea,
y este será siempre va a ser un problema difícil de resolver,
pero que debemos resolver de una forma inteligente
que mantenga el control del lado del cliente.
Porque la web se adapta al contexto,
así que incluso la web moderna,
incluso la más poderosa de las aplicaciones,
aplicaciones de estilo de escritorio en la web moderna,
cuando las ponemos en la web
la razón para hacerlo es obtener soporte universal de dispositivos,
con la concesión de que perdemos el control, y que esto es una característica positiva.
Y CSS está aquí para ayudarnos a diseñar
para ese lienzo audazmente desconocido
de forma tal que ningún lenguaje programático podría.
Por eso CSS es tan raro.
(música alegre)

German: 
das jeder von jedem Gerät darauf zugreifen kann.
Das ist eigentlich eine Funktionalität und etwas
was wir besonders betonen sollten und herausfinden, wie man es einsetzt.
Und das bedeutet nicht, dass das Problem endgültig gelöst ist,
aber CSS ist auch um die Idee entsprungen,
und das wird immer ein schwieriges Problem zu lösen sein,
aber etwas was wir schlau machen müssen,
ist die Kontrolle auf der Seite des Klienten zu halten.
Weil das Web sich auf den Kontext anpasst,
sogar das moderne Internet,
sogar die mächtigsten Anwendungen,
Desktopstilanwendungen im modernen Web,
wenn wir sie ins Web stellen,
ist der Grund für die universelle Geräteunterstützung
der Kompromiss dass wir Kontrolle verlieren, und das ist eine Funktionalität.
Und CSS existiert um uns beim designen zu unterstützen,
für diese große unbekannte Zielscheibe,
in einem Weg das keine pragmatische Sprache lösen konnte.
Deswegen ist CSS so komisch.
(fröhliche Musik)

Spanish: 
el hecho de que cualquier persona pueda acceder a ella desde cualquier dispositivo
Y eso es realmente una ventaja, y es algo
que deberiamos acoger y descubrir cómo utilizar
Y esto no significa que el problema esté completamente resuelto
pero CSS está diseñado sobre esta idea
y esto siempre va a ser un problema difícil de resolver
pero también uno que tenemos que hacer hábilmente de tal forma
que el control se mantenga en el lado del cliente
Porque la web se adapta al contexto
así que, incluso la web moderna
incluso las aplicaciones más potentes
aplicaciones similares a las de escritorio de la web moderna
cuando las ponemos en la web
la razón para hacerlo es que conseguir un soporte universal en dispositivos
pero la contrapartida es que perdemos control, y eso es una característica más
Y CSS está ahí para ayudarnos a diseñar
para ese lienzo osadamente desconocido
de un modo que ningún lenguaje programático nos permitiría hacer
Y por eso CSS es tan extraño
 

French: 
que n'importe qui puisse y accéder
de n'importe quel appareil.
C'est réellement une fonctionnalité
et c'est quelque chose
que nous devrions accepter avec plaisir
et comprendre comment l'exploiter.
Et ça ne signifie pas que le
problème est entièrement résolu,
mais CSS est conçu autour de cette idée,
et ce sera toujours un problème
difficile à résoudre,
mais que nous devons faire de façon intelligente
qui maintient le contrôle du côté client.
Parce que le web s'adapte au contexte,
donc même le web moderne,
même les plus puissantes applications,
des applications type de bureau
sur le web moderne,
quand on les met sur le web,
la raison de le faire est qu'on
gagne un support universel sur des appareils,
mais le compromis est qu'on perd
le contrôle. Et c'est une fonctionnalité.
Et CSS est là pour nous aider à concevoir
sur cette toile audacieusement inconnue
d'une façon qu'aucun langage de programmation
ne permettrait de faire.
C'est pour ça que CSS est si bizarre.
(musique)

Portuguese: 
que qualquer um pode acessá-la de qualquer dispositivo diferente.
Isso é realmente uma parte essencial e é algo
que deveríamos abraçar e aprender a usar.
E não significa que o problema está totalmente resolvido,
mas CSS é desenvolvido ao redor dessa ideia,
e isso sempre será um problema difícil de resolver,
mas um que devemos resolver de forma inteligente.
que mantém o controle no lado do cliente.
Porque a web se adapta ao contexto,
então até na web moderna,
até as aplicações mais poderosas,
aplicações em estilo desktop na web moderna,
quando as colocamos na web,
o motivo para fazer isso é que conseguimos suporte universal aos dispositivos,
mas a troca é que perdemos controle, e isso é essencial.
e CSS está aqui para ajudar-nos a desenhar
nesta tela desconhecida
de um jeito que nenhuma linguagem de programação poderia fazer.
É por isso que CSS é tão estranho.
(música animada)
