LINUX.ORG.RU

Сайты на древних технологиях - Во имя бобра!

 , , ,


5

3

LOR славится своими специалистами по самым шизанутым вопросам. И вот у меня их есть.

Короче, современный веб - это звездец. Сайты жрут дохера ресурсов, бесконечные прокрутки, оптимизированный под мобилу размер текста итд.

У всего этого много разных причин, но одна из них - а потому что современные веб-технологии это позволяют.

Что же касается негативных эффектов у этой ситуации, то есть один, о котором задумываются редко. Чем сложнее веб - тем сложнее создать и поддерживать под него веб-браузер. Соответственно, рынок браузеров поделён между буквально несколькими крупными игроками: Хром Идж Фокс Сафари, а остальные браузеры в рамках статпогрешности. И это не есть хорошо.

Всякие там энтузиасты могли бы создать и нахайпить этакую инициативу, типа а давайте делать сайты как встарь. И смысл у этой инициативы был бы как раз не только в том, что блжат сайты не должны жрать как раньше космический шаттл, но и чтобы в интернете была сеть сайтов на скажем так важные темы (наука, искусство, рэперы, в общем темы могут быть любыми на самом деле), которые бы просто работали - одинаково и стабильно - в любом графическом броузере. В любом - то есть такой броузер может быть доморощенным, а ля нетсурф.

Короче идея такая чтобы сайты были на примитивных технологиях. Но не ради прикола или ностальгии, а так сказать с практическими целями: А) Чтобы работало на медленном коннекте (не везде в мире интернет быстрый, да и приколы со всякими замедлениями итп никто не отменял), Б) Чтобы не жрало ресурсы (опять же, не у всех в мире компы мощные, и ситуации в экономике тоже бывают разными: сегодня у тебя типа блокчейн крипта нейронки, а завтра ты в землянке с аналогом IBM PC XT из веток), В) Чтобы работало не только в крутых мейнстримовых брозуерах, но и в стареньких или доморощенных.

Я бы запилил, но у меня лапки. Может оно уже есть?



Последнее исправление: jsx_ (всего исправлений: 2)
Ответ на: комментарий от anonymous

FTP дрянь с коррупцией файлов и дурацким «текстовым режимом». А вот если SFTP, то да, этот вариант близок к идеальному.

И нет, никаких проблем иметь на этом FTP котиков и видео любой продолжительности нет.

В читалку текстов только запилить возможность удобного открытия файлов по их пути, чтоб из одного на другой можно было ссылаться удобнее, и зашибись. Скриптуется элементарно.

Жаль только, что у тебя это сарказм.

CrX ☕☕☕☕☕
()
Последнее исправление: CrX (всего исправлений: 3)
Ответ на: комментарий от special-k

Я тебя разве спрашивал про различия фреймворков?

И кроме того, что вопрос не прочитал, ещё и неумение или выбирать инструменты под задачи, или объективно оценить правильность выбора продемонстрировал. Но это опыт надо иметь чуть больше чем «джамшутил в проекте с X, мне не понравилось, а в проекте с Y понравилось. X плохо, Y хорошо».

mogwai ☕☕
()

рынок браузеров поделён между буквально несколькими крупными игроками: Хром Идж Фокс Сафари

Нет. Рынок браузеров поделён между движками Blink (Google Chrome, Vivaldi, новый Edge, Brave, Opera и др.), Gecko (Firefox, SeaMonkey и др.) и WebKit (Safari, GNOME Web и др.)

MrCookie 👍👍👍
()
Последнее исправление: MrCookie (всего исправлений: 1)
Ответ на: комментарий от CrX

А вот если SFTP, то да, этот вариант близок к идеальному.

И нет, никаких проблем иметь на этом FTP котиков и видео любой продолжительности нет.

В читалку текстов только запилить возможность удобного открытия файлов по их пути, чтоб из одного на другой можно было ссылаться удобнее, и зашибись. Скриптуется элементарно.

Вроде бы, всё это, и даже большее, есть в Gopher. Ну, кроме шифрования. Жаль, что все действующие ресурсы Gopher посвящены Gopher и ни один - видео с котиками.

Vidrele 👍👍👍👍👍
()
Ответ на: комментарий от mogwai

выбирать инструменты под задачи

Нет в современном фронте задачи для бутстрапа. Вывести лог через веб-сервер - это не задача, а просто баловство.

Бутстрап был в свое время прорывным проектом, когда понимание UI у интерфейсников находилось примерно ниже плинтуса (когда Лебедев писал свои веселые статьи про веб-дизайн и это даже не казалось полным бредом). Вот тогда и появился бутстрап, где впервые появилась именно система UI-компонентов. Сейчас на такое способен почти каждый UX-дизайнер. А бутстрап наоборот морально устарел. Хотя я понимаю, что бесполезно говорить про UI с сисадминами.

special-k 🤡
()
Последнее исправление: special-k (всего исправлений: 1)
Ответ на: комментарий от special-k

Я тебя спрашивал про нужность какого-то фреймворка?

Я привёл в пример 2 отрывка из говнокода демонстрирующих разные подходы. Ты ответил, что оно плохо, а вот таилвинд - хорошо. Повторяю вопрос: чем вот это г-но (с главной страницы тайлвинда) лучше того, что приведено в пример выше?

<figure class="md:flex bg-slate-100 rounded-xl p-8 md:p-0 dark:bg-slate-800">
  <img class="w-24 h-24 md:w-48 md:h-auto md:rounded-none rounded-full mx-auto" src="/sarah-dayan.jpg" alt="" width="384" height="512">
  <div class="pt-6 md:p-8 text-center md:text-left space-y-4">
    <blockquote>
      <p class="text-lg font-medium">
        “Tailwind CSS is the only framework that I've seen scale
        on large teams. It’s easy to customize, adapts to any design,
        and the build size is tiny.”
      </p>
    </blockquote>
    <figcaption class="font-medium">
      <div class="text-sky-500 dark:text-sky-400">
        Sarah Dayan
      </div>
      <div class="text-slate-700 dark:text-slate-500">
        Staff Engineer, Algolia
      </div>
    </figcaption>
  </div>
</figure>

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

Сначала расскажи почему одна выдержка из html плохо, а вторая хорошо. Что там в CSS и JS файлах написано сейчас по барабану.

mogwai ☕☕
()
Ответ на: комментарий от mogwai

Ты ответил, что оно плохо, а вот таилвинд - хорошо.

Сиська-сиська, цветок-цветок))) Боюсь, я не смогу тебе объяснить. Это две абсолютно разные штуки.

Ну если не устраивают тебя компоненты бутстрапа, то как ты им будешь пользоваться?

А если они тебя вдруг устраивают, то я спрошу что там у тебя вообще за проект. С тех пор как появились UX-дизайнеры это все потеряло смысл.

special-k 🤡
()
Последнее исправление: special-k (всего исправлений: 1)
Ответ на: комментарий от special-k

Ты читать умеешь?

Или ты говоришь, что вот это — хорошо:

…
<figure class="md:flex bg-slate-100 rounded-xl p-8 md:p-0 dark:bg-slate-800">
  <img class="w-24 h-24 md:w-48 md:h-auto md:rounded-none rounded-full mx-auto" src="/sarah-dayan.jpg" alt="" width="384" height="512">
…
mogwai ☕☕
()
Ответ на: комментарий от special-k

Так один — фу, г-но, бустртрап. А другой — светлое будущее, таилвинд. Но оба из них заставляют погромиста выдавать клиенту подобное Г:

<element class="classname{1..4}">
<subelement class="classname{1..8}">
</element>

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

Алё, лучше не то, что «можно легче разрабатывать», а то, что меньше ресурсов потребляет выполняя ту же задачу. Проблема «это тяжело» — проблема вебмакаки. Но маркетологи переложили проблему низкой квалификации своего разработчика на кошелёк пользователя.

mogwai ☕☕
()
Ответ на: комментарий от mogwai

Потому что вместо вебразработчиков сидят вебджамшуты…

Ты ж наркоман))) Ну пиши на асемблере хуле.

По факту, таилвинд потребляет меньше ресурсов, потому что строит оптимальный css. Запросы к json носят меньше данных (хотя это копейки в целом), чем готовая верстка, и уж тем более меньше чем верстка всей страницы, если говорить про совсем говно мамонта). Фреймворки действительно рендерят меньшие куски дом дерева и стараются работать оптимально.

То, что можно сделать лучше «при должной квалификации» - это твоя фантазия. У тебя должна быть методика как это сделать, иначе получится мусор.

Если джун на реакте напишет лучше и быстрее чем ты «супер крутой спец» без онных, то твоя методика - говно.

special-k 🤡
()
Ответ на: комментарий от special-k

Предлагает верстать на ассемблере он, а наркоман я. Забавно.
Джун быстро и качественно… бгг. быстро_качественно_дешего_выбери_2_из_3.png Но наркоман, всё-таки, я.
И возможность чистый «каркас» запилить, в который асинхрорнно подтягивать контент исключаешь ты, противопоставляя «запросы к жсон» (как можно к формату запросы слать - я хызы) и «готовую верстку», а наркоманом ты меня называешь.

Ну окэй.

mogwai ☕☕
()
Ответ на: комментарий от special-k

Во-первых, у тебя кто-то жабоскрипт отбирает?

Во-вторых, даже если у тебя веб CRM/ERP система, то можно человеку сразу отдать вёрстку основного интерфейса и закешировать, а сферическому сайту в вакууме — и подавно.

В третьих, надо понять с чьей позиции ты смотришь на решение. С точки зрения пользователя — поможет. У него быстрее «откроется страница», меньше потратится аккумулятор, меньше энергии переработает в тепло процессор. С точки зрения разработчика — усложнит процесс. Делать хорошо всегда сложнее и дороже.

mogwai ☕☕
()

Не сочтите за рекламу, но сайт где размещается перевод lfs вполне подойдет под условия; шустрый, ибо без множества скриптов, вполне прилично отображается даже в консольных браузерах (а-ля lynx, links).

WildWest
()
Ответ на: комментарий от mogwai

можно человеку сразу отдать вёрстку основного интерфейса и закешировать

Это не даст ни TTI ни Visual Ready, в итоге пользователь соснет.

Делать хорошо всегда сложнее и дороже.

Что делать-то? В чем претензия к маркетологам? Что это за сложная дорогая технология, которая лучше? По-моему это просто фантазия.

special-k 🤡
()
Ответ на: комментарий от special-k

Нет в современном фронте задачи для бутстрапа.

Есть, быстрая разработка админок всяких. Бутстрап из коробки натягивается на формы хоть симфони, хоть ларавеля, для которых полно расширяемых генерилок крудов.

Tark
()
Ответ на: комментарий от Tark

разработка админок всяких

А это где нужно?

Я вижу, что есть какие-то админские поделки очень утилитарные (логи там посмотреть), но это же не серьезно.

special-k 🤡
()
Последнее исправление: special-k (всего исправлений: 1)
Ответ на: комментарий от special-k

Да много где, управление товарами, выборками и акциями для интернет магазинов, настройка маркетинговых писем, навевшивание мониторинга на бизнес логику, работа с acl для кастомной техподдержки, у меня товарищ для провайдера писал мониторилку для работы с оборудованием последней мили, редактирование i18n, просто сам менеджмент пользователей, забанить/разбанить/дать роль, модерация, работа с отзывами и так далее.
Да хоть элементарно новости же откуда-то постить надо.

Tark
()
Последнее исправление: Tark (всего исправлений: 1)
Ответ на: комментарий от special-k

Это смотря какой Fabric, сколько details⁠⁠…

Пользователь не соснёт, если сделают нормально, а сосёт сейчас.

Не удивительно, что веб-погромист не понимает проблемы. Давай объясню, в чём претензия к маркетологам и руководимым ими джамшутам: мне, когда я в сферический мухосранск приезжаю где опсос не очень хорошо работает, иногда надо открыть сайт какого-нибудь магазина местного или федерального, чтобы заказать продуктов на пожратьт вечером или найти замену ноутбуку который внезапно сломался, или кабелю который кто-то только что оборвал. А этот сайт открывается не с первого раза и за несколько минут, потому что вышеупомянутым чудакам на букву М или просто насрать, или у них мозгов не хватило, что надо сначала отдать список категорий или форму поиска без автодополнений и прочих улучшательств, а потом догружать все навороты. Не успел жабоскрипт подгрузиться — отправится обычный POST и загрузится новых 50Кб другой страницы. Нет, ты сначала загрузи 5Mb нашего хлама, а только потом мы тебе позволим вбить твоё «купить кабель без регистрации и смс» в форму поиска, зато потом мы асинхронно тебе результаты «на лету» покажем

mogwai ☕☕
()
Ответ на: комментарий от mogwai

Пользователь не соснёт, если сделают нормально, а сосёт сейчас.

Так в этом же суть капитализма. Пользователь из мухосранска с плохим интернетом не сильно увеличит продажи — у него и денег мало, и разводить его на них сложнее. На всех, кто не попал в ЦА, и на все факторы, кроме самых «продающих» кладётся болт, и будет класться, если это удешевляет и/или упрощает процесс

annulen 👍👍👍👍👍
()
Ответ на: комментарий от special-k

А если у меня попапы всякие, стэк-пнели, виртуальные скроллы с автоподгрузкой,

В 99.9% все эти украшательства не требуются, за примером далеко ходить не надо - LOR. Что действительно требуется это Responsive Layout для отображения контента на всех типах устройств.

lbvf50txt 🤡🤡🤡
()
Ответ на: комментарий от annulen

Так я в мухосранске с медленным интернетом бываю изредка. Пару раз обжегся — и у себя в мухосранске с быстрым интернетом эту торговую сеть пользую в последнюю очередь. Основной закуп делаю через других.

mogwai ☕☕
()
Ответ на: комментарий от mogwai

Да. Есть масса более полезных применений 200-300$ чем покупка нового процессора и памяти для бесполезного обсчета многослойной архитектуры JS приложения дублирующей функции браузера.

Чем дальше тем более абсурдным становится мир JS. Нет логики, нет смысла. Получатется противно. Уже 10 лет назад с этим вирутуальным DOM и хранением всех состояний страницы это выглядело коряво. Сейчас эта корявость стала фактическим стандартом, на ней пишутся практиски все сайты и нормальные машины не могут пережевать всю эту кодовую лапшу. Хотя для больниства сайтов надо текст и картинки, больше ничего не надо.

lbvf50txt 🤡🤡🤡
()
Ответ на: комментарий от mogwai

Дело уже не в скорости интернет, а в нагрузке на процессор и память. Боевая машина на которой можно начертить и сохранить все станки горно-обогатительной фабрики начинает захлебываться от рендеренга странички описывающей 500 наименований товара. Так как приходиться пережевывать абстракцию, на абстракции, на абстракции. Сначала у нас ОС, потом Браузер, потом JS, потом инетпретатор фреймворка, потом уже сам сайт.

lbvf50txt 🤡🤡🤡
()
Последнее исправление: lbvf50txt (всего исправлений: 2)
Ответ на: комментарий от mogwai

Потому что вместо вебразработчиков сидят вебджамшуты которыми

Минуту внимания, господа! Попрошу встать в честь господина Де Артаньяна, милостливо соизволившего посетить наше благородное собрание!

FishHook ☕☕☕☕☕
()
Ответ на: комментарий от lbvf50txt

99.9% все эти украшательства не требуются

Это ты как померил? Фронтендеры работают там, где все это требуется (ERP, CRM и т.п. софт). Кто работает там, где это не требуется, я не знаю.

special-k 🤡
()
Ответ на: комментарий от special-k

99.9% все эти украшательства не требуются

Это ты как померил? Фронтендеры работают там, где все это требуется (ERP, CRM и т.п. софт).

Элементарно, писал Web приложения и знаю как задачи можно решать обходясь без переутяжеления новомодными технологиями. Как пример приложение LOR. Вся машинерия бесконечных слоев абстракции заменяется одним флажочком обновить, который загорается когда появляется новый комментарий.

lbvf50txt 🤡🤡🤡
()
Последнее исправление: lbvf50txt (всего исправлений: 1)
Ответ на: комментарий от mogwai

да, именно так - десятки мегабайт для отображения сотен килобайт

Прям сейчас посмотрел, как в нашем продукте обстоят дела с этой пропорцией.

https://i.postimg.cc/66SdFLCY/Screenshot-2024-09-04-at-09-26-16.png

Что никак не мешает продукту быть топ-ван решением в своей области и зарубать денег примерно как Газпром. И кстати да, именно благодаря всякому «мусору» вроде реакта, это в том числе возможно - интегрировать новый сервис в нашу систему задача не самая тривиальная, но тем не менее адекватно решаемая и предсказуемо сложная.

FishHook ☕☕☕☕☕
()
Ответ на: комментарий от special-k

Фронтендеры работают там, где все это требуется (ERP, CRM и т.п. софт).

Происходит путаница между приложением написаным на JS и сайтом. На JS можно писать растровые редакторы и IDE, но для сайтов этого ничего не надо. Сайтам нужен текст и изображения.

Вы приводите пример DeskTop приложений которые переписаны на JS базу. Но проблема современнго веба в том, что технологии для написания приложений стали тащить в сайты. Когда сайт магазина без доставки, с формой отправления обратной связи написан на каком-то тошнотворном фреймворке с SPA и крутящимся загрузчиком. Хотя сайту магазина это даром не надо, и хватит 20 статических страниц и одной странички для отправления отзывов.

На 1 приложение 1000 обычных сайтов, где цель пользователя зайти, почитать, возможно оставить комментарий. И для этих целей не нужны ни поп апы, ни сингл падж апликатоны, ни автозагрузки. Все решается пагинацией и ссылками. А уж те небольшие фрагменты где дейтвительно нужна автоматизация прекрасно описываются обычным JS без загрузки многтонных фреймворков.

В итоге нормальные ноутбуки выходят из употребления потому, что их мощности не хватает на пережовывание ненужных JS абстракций, добавленных там где они не требуются.

lbvf50txt 🤡🤡🤡
()
Последнее исправление: lbvf50txt (всего исправлений: 7)
Ответ на: комментарий от lbvf50txt

Элементарно, писал Web приложения и знаю как задачи можно решать обходясь без переутяжеления новомодными технологиями.

Фронтендер почти никогда не выступает как UX-дизайнер (кроме пет-проектов и поделок). Говорить, что это всегда можно сделать несколько самонадеянно)

Когда сайт магазина без доставки

Да нет уж больше магазинов. Их заменили маркетплейсы и соцсети (а если и есть какой-то отдельный магазин, то это битрикс и т.п.). Концепция сайта практически мертва. LOR - это реально исключение.

special-k 🤡
()
Последнее исправление: special-k (всего исправлений: 1)
Ответ на: комментарий от mogwai

Можешь смело писать: from, form validation, input type=radio, input type=checkbox, ul, table, hr, br… - это все хлам, который не используется в современных веб-приложениях.

Кто-нибудь когда-либо использовал hr?)

Не хочет пользователь, чтобы сайт выглядел а-ля win-95, такие дела.

Flutter - вот годный современный взгляд на веб-ui.

special-k 🤡
()
Последнее исправление: special-k (всего исправлений: 1)
Ответ на: комментарий от special-k

Их заменили маркетплейсы и соцсети (а если и есть какой-то отдельный магазин, то это битрикс и т.п.). Концепция сайта практически мертва. LOR - это реально исключение.

С арестом Павла Дурова и запретом социальной сети X в Бразилии умерает концепция соцсетей принадлежащих одному владельцу. А сайты были есть и будут.

lbvf50txt 🤡🤡🤡
()