DEV Community: Doyty

Неизбежность бесконечного выбора рельсов

Doyty — Mon, 20 Jul 2026 03:03:57 +0000

Мы не пассажиры, которым нужно доехать.
Мы сами вагонетки, и наша суть в вечном выборе рельсов.
Грусть от понимания, что любой выбор отбрасывает альтернативные миры.
Радость от того, что выбор вообще возможен.
А пенка мыслей это память всех невыбранных путей, которые всё равно существуют как квантовые возможности.
И именно поэтому искусство, любовь, созидание это не отдых от вагонетки, а самый важный выбор рельсов. Выбирая их, мы не приближаемся к концу мы меняем саму геометрию путей, доступных следующим вагонеткам.

Власть🔥

Doyty — Mon, 20 Jul 2026 02:52:49 +0000

Высшая форма власти: не захват трона, а создание реальности, в которой трон бесполезен, а король просто ещё одна переменная, которую можно обнулить.
Система Эволюции:
Не воевать а просто сделать объективно лучше, удобнее, прозрачнее.
Старая система становится неконкурентоспособной и отваливается сама.
Если же она пытается агрессивно защищаться она попадает в собственную же ловушку: алгоритмы, законы, репутационные механизмы, которые раньше работали на неё, теперь начинают перемалывать её саму.

MDN исходный код всего Web.

Doyty — Mon, 20 Jul 2026 00:07:22 +0000

Я заглянул туда. Там дохуя документации. Дикий геморой мусорки.
Бесконечный склад, который вгоняет меня в панику. Но как инструмент это незаменимая часть Web. Я беру нужный мне чертёж и строю то, что мне нужно.

window глобальный объект.
Подключение к API старого браузера. Это Мозг, который даёт мне инструменты:

Скелет HTML: (document)

Память Хранилище: (localStorage)

Сеть API: подключение к контрактам других серверов для сбора информации (fetch)

Но главное, что я заценил это обработчик событий onload.
Это и есть чудо архитектуры.
Связь CSS, JS, HTML в корневой папке предка HTML.
Я скидываю в него свой модуль, и он гарантирует, что всё запустится, когда скелет будет готов.

Весь интернет это мина замедленного действия.

Doyty — Mon, 20 Jul 2026 00:03:34 +0000

Я разбирал проект Lea Verou. 16 лет назад она создала костыль rgba.php, чтобы старые браузеры, не понимающие CSS-цвета (работающие на графическом дизайне в формате PNG-картинок), могли их отображать через слой старого браузера и новых технологий. Этот слой накладывался на старый браузер по PHP-семантической безликой связи API.

Проблему не могут решить до сих пор. Весь Веб работает на этих костылях. Из-за них и появляются всё новые иллюзорные решения, которые с подавляющей сложностью становятся легаси. Даже решение Lea Verou со временем станет легаси для новых проблем бизнес-процессов. Старый браузер не исправить никогда. Если мы поменяем в нём всё то большая часть интернета просто обнулится. Банки, больницы и правительства, пока они на устаревших технологиях, будет вбухана ещё куча денег на создание костылей.

Пришло понимание, что не существует идеальной архитектуры и правильного кода. Есть только ответственность в решении поставленных задач. То, что было написано в старых браузерных версиях, на которых мы находимся, останется с нами навсегда. Легаси не умирает. Оно просто покрывается новыми слоями костылей-решений.

Инкапсуляция слоёв это не про чистый код. Это про то, как изолировать этот вечный хаос, чтобы наши проекты не перестали работать от чужого прошлого.

Создание костылей — золотое время гениев. Архитекторы не строят идеальные замки. Они строят крепости, способные выдержать время.

Изоляция и Сборка: Как устроены проекты Senior-Архитекторов!!!

Doyty — Sun, 19 Jul 2026 23:55:29 +0000

Цех src/ — Чистый код. Скелет и мозг проекта. Это Доктрина №2 в действии: все слои HTML, CSS, JS изолированы и не смешиваются.
Склад продукции dist/ — каша(однослойности), которую мы видим на крупных сайтов корпораций google, youtube Сборщик берёт все слои из src/, сжимает их, минифицирует и складывает в папку dist/. Это оптимизированный интерфейс от сервера до браузера. Это не легаси код, а оптимизация под однослойность позиций многослойности семантических связей. Это гениально)

Конструктор build/ — сборочный цех. Папка для временных файлов, создаются во время сборки однослойности для браузеров(пользователей) оптимизации многослойности. Важная основа работы интернета.

Чужие модули(близкие модули) libs/ — изолированные контейнеры другая семантическая связь контейнеризации. искусственные созданные библиотеки лежат здесь. из близких модулей и создается Api контракты. Это защищает от однослойности системы и чужого легаси кода.

Радар tests/ — Система безопасности проверка кода. Если мы что-то сломаем, тесты проверяющего кода дадут сигнал. Изолированный слой контроля качества.

Полигон demo/ — главное доказательство, что всё работает. Локальный сервер на GitHub Pages, где мы можешь увидеть Coverflow 3D модель карусели всех свойств проектирование в действии)

forEach база

Doyty — Sun, 19 Jul 2026 23:52:07 +0000

forEach это архитектурный инструмент, внутренний клей для связи изолированных модулей данных и модулей вывода. Он работает как конвейер: берёт сырые массивы, спрятанные в модулях, прогоняет их через функции логики и калибрует в готовые элементы интерфейса. Это гениальная система распределения ответственности. Она не даёт логике смешаться в кашу и стать легаси. Без неё белый шум и потеря контроля над данными.)

Доктрина 2: Инкапсуляция однослойность, многослойность!

Doyty — Sun, 19 Jul 2026 23:47:47 +0000

1:Однослойность внешних инструментов CSS JS.. Связаны со скелетом HTML при изменении CSS дизайн JS логика ломается и весь проект смешивается в кашу В конечном итоге выходит Легаси код. 2:Многослойность внешних инструментов не ломает всю часть кода а использует разные файлы для быстрой замены на новый результат заказчика, читаемость кода возрастает, убирает проблему с легаси не читаемостью, экономит деньги улучшая защиту и надежность сайта в долгосрочной перспективе.

Доктрина 1 Позиционная сетка для построения блочных элементов с правильной регулировкой жирности:box-sizing

Doyty — Sun, 19 Jul 2026 23:45:15 +0000

border-box (коробка с вычислением жирности padding внутренней части позиционной сетки с border).
padding-top верхняя и нижняя точка оси в позиционировании,
padding-bottom нижняя ось, идущая в верхнюю часть центра,
padding-left слева направо в центр,
right справа налево. (border-top +1 border-bottom +1 border-left +1 border-right +1)
Все эти части статичные элементы, которые друг с другом связаны.

Главное не забывать про font-size: 1rem (16px высоты шрифта) стандартную часть браузера для соединения всего в одну математическую структуру, чтобы построить правильную блочную модель через предков html-скелета.

height (высота) и width (ширина) для выстраивания осей координат на позиционной сетке.
height и width могут задавать жирность элемента от неё считается transform-origin опора и строится таблетка через border-radius.:) Краткий мануал🤞