Comments 22
Сыллок бы к каждому примеру.
Думаю, можно написать (или уже написаны) какие-нибудь компиляторы, которые просто генерят нужный css-код с какого-нибудь нормального языка высокого уровня.
Только вот с моей точки зрения и html, и css уже давно перегружены всякой фигней. Превращение веб-страниц в веб-приложения нанесло здравому смыслу и свободе информации непоправимый урон.
Интересно, кто нибудь уже пытался сделать альтернативы или чистые подмножества html/css, на которых можно только формировать документы, но никакой логики и интерактивности?
epub?
Так ведь никто не запрещает использовать тривиальный HTML и CSS в духе конца 90-х.
А веб-приложения это добро. Потому что безопасные неустанавливаемые по-настоящему кроссплатформенные преложения нужны, а заменить HTML+CSS+JS нечем.
Можно нарисовать весь UI на единственном canvas https://github.com/canvasui/CanvasUI?tab=readme-ov-file
Интересная статья про CSS для программистов.
А есть еще CSS для дизайнеров и художников. Ссылка для заинтересовавшихся: https://www.thisiscolossal.com/2019/11/css-portraits-diana-smith/
Напоминает как много лет назад, когда youtube поддерживал добавление произвольных аннотаций в видео (кнопки в любом месте кадра с возможностью перехода в другое видео или то же самое но со смещением по времени) я делал игру арканоид чисто на youtube.
Все варианты движения мячика были отрендерены заранее, а пользователь вовремя нажимая на кнопки внизу (когда мячик подлетал близко) переходил к разным временным меткам.
Вариабельность заключалась в том, что "отбить" мячик можно было не одной кнопкой, а двумя соседними (визуально они перекрывались), что меняло траекторию.
К сожалению, пока я писал скрипт для автоматического добавления кнопок к видео через инструментарий youtube (их были сотни если не тысячи, вручную делать не вариант) - гугл успел вырезать функционал и идея почила.
Я так когда то посмотрел «чёрное зеркало — брандашмыг» в пиратке, одним куском. И только через месяц узнал, что в оригинале на платформе нетфликса зритель мог «делать выбор действий» через кнопки на экране.
Ох, да, легендарная тема была, там и платформеры умудрялись делать, и самые разнообразные квесты, и синтезаторы и чего только не, потом всё бессмысленно загубили
Сууууупер забавно >;)
Почему это работает
Нормальная же статья была и тут вдруг пошёл AI slop.
Ценность такого материала - в примерах. Их тут нет. Пожалуйста, доработайте статью - пользы будет на порядок больше.
Пожалуйста доработайте редактор хабра до уровня CodePen, обещаю, полноценных примеров будет гораздо больше.
Таки, а что мешает ссылок на тот же codepen накидать?
ЕМНИП уже был порт Doom на CSS
Где ж ваша ссылка на "Doom на CSS" в вашем следующем комментарии???
В голову не пришло?
Вот и мне не пришло в голову, что при создании материала о неочевидном применении CSS придется обязательно заниматься очковтирательством пруфов, которые и без моей статьи легко гуглятся.
ЕМНИП уже был порт Doom на CSS
Таки, а что мешает ссылок накидать?
Ничего не мешает, но это ваша статья, без ссылок и примеров она не информативна, к сожалению.
Doom на CSS:
https://dev.to/grahamthedev/doomrendered-using-a-single-div-and-css-1fal
Калькулятор на CSS:
https://codepen.io/vrugtehagel/pen/eYJjYNm
CSS 3D cube:
https://codepen.io/Seasle/pen/yxpQYr
А по сути статьи -- нетривиальная такая технология развилась, да.
Да, это моя статья и поэтому она написана так, как я это вижу правильным.
Для меня информативность - это передать суть технологии, а не показуха доказательств в виде ссылок и готового кода. Примеры кода в статье есть, суть технологии тоже, всё остальное легко гуглится и шарится, при желании.
Главным образом потому, что я не помню, где конкретно я видел статью о нём. Возможно то был youtube, возможно перевод на хабре, а может на medium/devto как скинули пример выше, но не факт что это та самая статья которую я когда-то читал. Это ровно та ситуация, когда моё гугление ничем не лучше вашего, благо идти вроде далеко не надо. Ну а мой комментарий про Doom так и вовсе был в стороне от всех этих прений и просто в дух статьи напоминал о возможностях css без претензии на истинность.
Ваша же статья претендует на некоторую оригинальность и содержит код который многим хотелось бы наверняка потрогать. Но ни демки где-нибудь на github pages, ни сниппетов на codepen вы почему-то делать не стали. Поленись - понимаем, все мы из мяса. Забыли? Ну, так у вас всегда есть возможность отредактировать статью. Когда люди закономерно спросили, вы зачем-то начали переходить на личности: "а у самого-то рожа крива ссылки где". За что закономерно отсыпали минусов под вашей же статьёй.
У людей нет цели загнобить вас за статью, но критику и пожелания никто не отменял. У вас всегда есть возможность проигнорировать их, никому ничего не доказывать и не заниматься "очковтирательством". Так что перестаньте так бурно реагировать и искать злой умысел. Ждём ваших следующих статей.
А попробуйте попрограммировать на CSS без использования HTML =)
Я CSS-программист: «Магия» CSS или как превратить язык стилей в Тьюринг-полный ад