Ефимерният уеб
Построих страница, която изгаря това, което прочетеш. И тя не се извинява.
Три статии подред разбивах чужди сайтове, за да покажа къде текат. Скриптове, стилове, разметка. Хакерска работа, полезна, но насочена навън. Този път обърнах ножа към себе си и счупих нещо мое, нарочно, защото исках да задам въпрос, който не се задава в уеб разработката.
Защо приемаме за очевидно, че нещата трябва да останат?
Целият занаят стъпва на едно недоказано допускане. Съдържанието трябва да е трайно. Достъпно. Кеширано, архивирано, дублирано, невъзможно за забравяне. Пишем така, все едно всеки байт заслужава вечност. И почти никой не пита дали вечността е това, което ни трябва, или просто това, което машините предпочитат.
Затова направих обратното. Страница, чиито думи умират, докато ги четеш.
▶ ВЛЕЗ В ЕФИМЕРНИЯ УЕБ
Внимание: пепелта е истинска. Прочетеното не се връща, дори с презареждане.
Внимание: пепелта е истинска. Прочетеното не се връща, дори с презареждане.
01. Какво прави
Отваряш страницата и виждаш манифест, разделен на седем фрагмента. Всеки е забулен. За да прочетеш някой, го докосваш - и той се разкрива за няколко секунди. Точно колкото да го поемеш веднъж, спокойно. После текстът се оцветява, нажежава се и овъглява до пепел пред очите ти.
И тук е разликата с всеки евтин ефект. Пепелта остава. Презаредиш ли, изгорелите фрагменти са си изгорели. Затвориш ли и се върнеш утре, страницата те помни и те посреща с пепелта от вчерашното четене. Ако прочетеш и седемте, оставаш с празна, овъглена страница, и такава ще те посрещне завинаги.
Прочитането тук струва нещо. За пръв път текстът, който поемаш, изчезва зад теб и не можеш да се върнеш да провериш.
02. Защо ефимерното е скъпо
Помисли за разговора на живо. Той е ефимерен и точно затова е ценен. Казваш нещо на човек, той го чува веднъж, и то живее само в паметта, несигурна и човешка. Никой не прави лог на снощната прегръдка. Никой не търси в архива на един поглед.
Ефимерността не е дефект на живота. Тя е това, което прави момента момент. Знаеш, че няма да се повтори, затова присъстваш. Гледаш. Помниш сам, вместо да разчиташ, че някой сървър ще помни вместо теб.
После дойде екранът и обеща, че нищо повече няма да се губи. Обеща да помни вместо теб. И ти повярва, и спря да помниш сам. А външната памет не разширява твоята. Тя тихо я замества, докато забравиш, че някога си помнил без нея.
03. Механиката, честно
Няма да се крия зад мистика. Ето как работи, защото начинът е част от идеята.
Проблемът пред всеки, който иска необратимост с чист CSS, е че CSS няма памет. Анимациите при скрол се превъртат назад, щом скролнеш обратно. Класовете се нулират при презареждане. Единственият псевдо-клас с истинска дълготрайна памет беше
:visited, но браузърите го заключиха миналата година точно заради злоупотреби, за които писах в друга статия. Тоест „изгаряне завинаги“ звучи поетично, но се сблъсква със стена.Заобиколих я с най-простия честен трик. Самотно radio копче. Едно
radio без партньор в групата си има едно рядко свойство: включиш ли го веднъж, няма как да го изключиш през интерфейса. Това е единственият истински еднопосочен ключ в чистия CSS. Докосваш фрагмента, ключът щраква, и оттам нататък CSS анимацията с forwards държи текста овъглен, защото ключът не може да се върне.
CSS:
/* Веднъж включен, този ключ не се изключва. */
.latch:checked ~ .text {
animation: reveal-burn 9s forwards;
}
@keyframes reveal-burn {
8% { opacity: 1; filter: blur(0); }
55% { opacity: 1; } /* прозорецът за четене */
100% { opacity: .06; filter: sepia(1) /* пепел, завинаги */
saturate(4) brightness(.4); }
}Остава едно. Изгарянето в рамките на сесията е чист CSS, но паметта между посещенията иска мъничко JavaScript. Той прави само едно нещо: помни кои фрагменти вече си изгорил, за да не се възстановят при презареждане. Не анимира, не руши, само пази списъка на пепелта. Това е единственият скрипт в цялата страница, и го казвам направо, защото честността за цената е част от занаята.
04. Насилието, което не крия
Сега трудното. Тази страница нарушава правило, на което държа. Достъпността.
Ако някой препрочита, защото така разбира, тук губи. Ако вниманието му се разсее в грешния момент, губи абзац завинаги. Екранен четец, който мине втори път, намира пепел. Това е реална вреда, и няма да я подмина с „но е изкуство“.
Затова не я скривам, а я правя тема. Този експеримент е нарочно жесток, за да те накара да усетиш какво жертваш всеки път, когато приемеш за даденост, че текстът ще те чака. Разпадането тук е залог, не поза. И финалният въпрос на самата страница е точно този: струва ли си.
Ако направех манифест, който просто чупи неща и се прави на дълбок, това щеше да е трик. Манифест, който знае, че е насилие, и пита дали има право на него, е спор. А спорът е това, което искам да оставя тук.
05. Възкресението като загуба
В дъното има бутон. „Забрави всичко и започни отначало.“ Изкушаваш се да го натиснеш, защото сме обучени, че всяко действие има undo.
Но той не възкресява прочетеното. Той трие само следата, че си бил тук. Страницата се връща чиста, да, но това, което вече си изхабил, не се връща като преживяване, а като чужд текст, който четеш за пръв път. Изтриваш не пепелта, а спомена, че си горял.
Направих го нарочно неудобен, защото това е последната лъжа, която исках да разоблича. Че „начисто“ е спасение. Понякога рестартът не е втори шанс. Той е просто още една загуба, гримирана като избор.
06. Въпросът, който оставям
Няма да ти казвам какво да мислиш. Ще оставя въпроса, който оставя и самата страница, преди да изгори.
Ако едно нещо си струва да го запазиш вечно, защо не си го запомнил? А ако не си го запомнил, наистина ли ти е трябвало вечно?
Може би трайността никога не е била за нас. Може би е била за машините, които ни четат, индексират и препродават. Ние живеем в моменти, които не се повтарят. Уебът просто ни убеди, че това е бъг, който той ще поправи.
Тази страница е малкото ми несъгласие с тази поправка.
07. Предизвикателството към DTGaraGe
Влез. Прочети колкото искаш, знаейки цената. Стигни до пепелта или спри навреме. После се върни утре и виж какво те посреща.
А след това мисли. Не за кода, той е прост. За допускането отдолу.
- Колко от това, което пазиш вечно, си отворил повторно поне веднъж?
- Кое помниш по-добре: нещо логнато или нещо, което си знаел, че няма да се върне?
- Ако утре целият ти архив изчезне, кое наистина ще ти липсва, а кое просто е било там?
Отговори в темата, ако искаш. Но знай иронията: и твоят отговор ще остане тук, вечен, кеширан, индексиран. Точно това, срещу което е цялата страница. Може би затова експериментът е важен - защото не можем да избягаме от трайността дори когато спорим с нея.
Ключови думи: ефимерен уеб, ephemeral design, digital minimalism, css анимации, самотно radio, one-way css, scroll-driven animations, prefers-reduced-motion, достъпност, философия на дизайна, aiflux, dtgarage
Този експеримент е част от AiFlux линията - работа на ръба между код и философия.
toni@dtgarage:~$ whoami
Тони Ангелчовски | Ексклузивно за DTGaraGe
toni@dtgarage:~$ cat LICENSE
Копирането и препубликуването без разрешение не е позволено.
toni@dtgarage:~$ ./support.sh
Подкрепи DTGaraGe и независимото техническо съдържание
toni@dtgarage:~$ █
Тони Ангелчовски | Ексклузивно за DTGaraGe
toni@dtgarage:~$ cat LICENSE
Копирането и препубликуването без разрешение не е позволено.toni@dtgarage:~$ ./support.sh
Подкрепи DTGaraGe и независимото техническо съдържаниеtoni@dtgarage:~$ █