sorry folks: u forgot tha say 'please'
voltaremos quando vos for mais inconveniente

semantics

The reality of screens is that they're not one, immutable thing—screens have unique characteristics that are different from printed, paper pages. Screens are fluid surfaces, and the way we design content for them must change accordingly.

Ficámos no "monitor/ecrã/viewport/constrangimento de enquadramento exterior à bd", e o exemplo de hoje exemplifica a procura por uma resposta nesses domínios.

HTML + CSS = Comics.

Some of the ways in which print excels don’t translate well into digital. We need to figure out what to keep from print, but we need to also realize what to leave behind.

Most of the approaches taken toward creating digital comics so far fail to take advantage of the medium. In trying to adapt the known experience of printed comics for a screen, artists design comics layouts as if they were still designing for a static, one-size page. The metaphor of the page is a tough one to break—we've been living with it for 500 years. But a screen—or rather, a continuum of screens—has very different characteristics from a printed page in a book.

The printed page is immutable, and fixed in size. It is also static. An individual screen on a particular reader's device is also immutable and fixed in size, but it's not static, and this is the place where most comics are playing these days—taking advantage of the internal fluidity of the screen to do things like displaying an infinite canvas, light interaction and animations, superimposing panel states to depict action over time, to name a few examples—but always within the context of a fixed viewport size.

Creating comics for individual viewports imposes a new set of limitations: storytellers end up designing page layouts for, say, an iPad, a Kindle Fire, or another, arbitrary screen size defined by a single target platform. But this approach isn't scalable: any comic created this way will always be bespoke to a particular screen—or more accurately, viewport size, to use web design parlance.

Applying common web design and development techniques to how we make and display comics on screens can dramatically improve the reading experience, and also decrease complexity when trying to deliver a comic across a wide gamut of devices, platforms, and network conditions. Targeting one screen size or another is a losing game of whack-a-mole. Instead of focusing on one layout or one device, we should be designing systems that can be displayed across a multitude of viewing conditions.
Pablo Defendini "Standards, Semantics, & Sequential ArtToward a Digital Comics Praxis" 2 nov 2016

Antes de continuarmos a advertência: a abrangência da proposta é, uh, curta. Fazemos o registo pela problemática identificada, não a solução que lhe dá. Conceptualmente, apesar das boas intenções parece igualmente preso à metáfora do papel e de "relying on print-centric conventions" quanto tenta justamente afastar-se destas.

The fundamental unit of storytelling in comics is the full-page layout, not the individual panel. The magic of comics happens in the gestalt of the visual juxtaposition of multiple panels. Otherwise, you just have a series of related images, presented to the reader in order over time. The comics reader usually takes in the gestalt of a page, and then starts reading panels in sequence. Designing the page layout, determining panel sizes in relation to each other, using a color theme to reinforce narrative rhythm, are all page-level techniques that the comics storyteller employs as a way to support their narrative.

[Paul Duffield et "comics mode":] Comics live in the expressive, representative and symbolic nature of a drawing, in the comic page when treated as an interconnected piece of art, in the reader’s ability to "pause", "rewind", "rewatch" and linger on a moment at their hearts content. Comics thrive when each panel doesn’t just represent a mechanical shot-by-shot advancing of the plot, but a carefully considered and timed "beat" which enforces an emotion, underlines a joke or teases out a dramatic moment. Comics excel when the artist understands how to guide the reader’s eye around the page, when a layout does more than frame a sequence of images, when the story is expressed non-photographically and when the qualities of the artwork beam the characters’ emotional states right into the reader’s head before they read a word of dialogue.
Pablo Defendini "Standards, Semantics, & Sequential ArtToward a Digital Comics Praxis" 2 nov 2016

Em próximas entradas questionamos a página como unidade fundamental da história. Continuando, olhemos para a solução proposta: "responsive layouts, live text, and resolution-independent artwork". A sermos simpáticos podemos dizer que a universalidade da sua proposta é imediatamente reduzida a uns quantos estilos de comics que a podem encaixar, os demais não. A não sermos simpáticos, temos que notar que a primeira componente do enunciado obriga a reinventar a BD como a conhecemos - mas é isso que nos ocupa, afinal!-, a segunda a negação da natureza da relação entre texto e imagem em comics, a terceira a negação da própria BD. O exercício em torno de "un-semantic blobs" e "live text" desnecessário e erróneo. Vectores não suportam uma vasta gama de estilos visuais, o texto pertence à imagem, e os avanços em AI tornam as imagens decifráveis e reconhecíveis a motores de pesquisa - mas pouco nos deve importar se esses as conseguem "ler" ou não, os comics são para consumo humano, não bases de dados:

By breaking your layout into individual components, your comic is suddenly a lot more searchable, findable, and parseable by non-human actors on the network, which is great for both SEO and, crucially, for accessibility.
Pablo Defendini "Standards, Semantics, & Sequential ArtToward a Digital Comics Praxis" 2 nov 2016

Ponto para a acessibilidade, mas um leitor invisual quererá suportar "ler" uma BD ou é-lhe mais interessante um conto literário que não depende da relação texto / imagem para sentido? Sobram os non-humam actors e o SEO, e a esses badamerda.

Mas não queremos desmotivar-vos à leitura, aquele primeiro aspecto do enunciado anterior aproxima-se das metafísicas que afligem os comics em digital.

Continuemos de "responsive layouts":

This site depicts one possible approach to building comics with HTML, CSS, and SVG, using responsive design techniques.

Responsive web design techniques have become the de facto standard for practicing web design and front end development, building one website that can adapt and, well, respond to the unknowable combinations of devices, connectivity, and viewing conditions that exist across the internet. Responsive layouts adapt to their containing screens, changing to accommodate the size and dimensions of the screen the reader is using. Thanks in large part to the advent of the flexbox spec, you can create comics layouts that respond to their viewing context, but retain the ability to execute complex page layouts.
Pablo Defendini "Standards, Semantics, & Sequential ArtToward a Digital Comics Praxis" 2 nov 2016

Com o resultado altamente criativo - brinco - que uniformizou o webdesign na década que nos ocupa às mesmas variantes de sempre:

At small sizes, the page reverts to a stacked panel layout, in order to maximize the space available. At larger viewport sizes, the panels are laid out according to the artist original designs for print.
Pablo Defendini "Standards, Semantics, & Sequential ArtToward a Digital Comics Praxis" 2 nov 2016

Mas obviamente, a toda uma geração de nativos digitais capazes de empreender a ponte entre BD e linguagens web:

Bandwidth, language, and screen resolution are just a few of the variables that designers on the web need to take into account.

Naturally, using these techniques will also affect the way comics creators design their stories.

The idea of altering the way in which artwork is produced can add to the learning curve [and] it directly infringes on a working artists' process and workflow, but also the actual aesthetics of their work.
Pablo Defendini "Standards, Semantics, & Sequential ArtToward a Digital Comics Praxis" 2 nov 2016

Citamos Jeramias:

Any sufficiently advanced (and embedded) process is indistinguishable from culture.
in "March 19th, 2018" idem

Exemplo,

To give just one example: printed comics can use a double-page spread to wonderful effect. But on the iPad double-page spreads become a nuisance, rather than an enhancement: the reader ends up with an experience that is the exact opposite of what the creator intended: the double-page spread feels smaller and more cramped, rather than bigger and more expansive. Applying responsive design techniques and designing multiple layouts for one page based on viewport size can introduce an additional element for the storyteller to incorporate into their narrative. For example, what does one page look like as laid out for a mobile device, verses for a tablet, versus for large screen devices? Does the narrative rhythm change? Do cliffhangers and big reveals happen in different ways on different sized screens?
Pablo Defendini "Standards, Semantics, & Sequential ArtToward a Digital Comics Praxis" 2 nov 2016

Questões que tocámos antes :) e por aqui fechamos hoje. Levados às devidas consequências,

You’ll enter unchartered territory that transcends the current crop of adapted-from-print digital comics
Pablo Defendini "Standards, Semantics, & Sequential ArtToward a Digital Comics Praxis" 2 nov 2016

go-a-head