Базовый минимум html, css без js для пк/смартфона/TUI

Особенность ЛОРа в том, что он очень сильно полагается на текст. Здесь картинок очень мало и их можно спокойно убрать.

kaldeon ★★
(29.04.26 09:48:15 MSK)

Ответ на: комментарий от kaldeon 29.04.26 09:48:15 MSK

он очень сильно полагается на текст. Здесь картинок очень мало

Ну-с, я и не планирую много картинок. Так что вопрос всё ещё актуален.

Jullyfish ★
(29.04.26 10:02:46 MSK) автор топика

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

Ну и хтмл код можешь посмотреть для ознакомления - структура страницы легко читается человеком.

Bfgeshka ★★★★★
(29.04.26 10:10:44 MSK)

Хочу себе на сайте также.

А наполнение сайта как делается, на чистом HTML?
Я бы предложил использовать Markdown и какой-нибудь генератор статических сайтов.
Или, если сервер позволяет, использовал бы Fossil. Там можно отключить всё лишнее.

dataman ★★★★★
(29.04.26 10:14:01 MSK)
Последнее исправление: dataman 29.04.26 10:22:01 MSK (всего исправлений: 2)

Ответ на: комментарий от Bfgeshka 29.04.26 10:10:44 MSK

либо же слишком полагаться на жc

жс вообще не планируется. :^)

Jullyfish ★
(29.04.26 10:39:22 MSK) автор топика

Ответ на: комментарий от dataman 29.04.26 10:14:01 MSK

А наполнение сайта как делается, на чистом HTML?

Нет, использую ThalassaCMS, там через CGI всё генерируется.

Все шаблоны, которые там прилагаются, к сожалению, на смартфоне не очень, хотя, в общем, по виду блоков (темы, комментарии, менюшки) не сильно отличается от LOR’а. Мне кажется для этого надо как-то css ковырять и правильно сделать div’ы, но не знаю с какого края за это схватиться. А в интернете слишком много всего. А LOR визуально выглядит идеально.

Jullyfish ★
(29.04.26 10:50:08 MSK) автор топика

Гуглить по словам адаптивная верстка, медиа запросы, css flex, css grid.

hippi90 ★★★★★
(29.04.26 11:00:57 MSK)

Ответ на: комментарий от Jullyfish 29.04.26 10:50:08 MSK

Я эту проблему попробовал решить, вписав в [html] в base/base.ini

shortheader = <?xml version="1.0" encoding="%[opt:site:enc]"?>
+...
+<meta name="viewport" content="width=device-width, initial-scale=0.7">
+...
+</head> <body %1%>

Ну и можешь варьировать initial_scale.

Как делать это нормально - хз.

rOgret
(29.04.26 11:50:02 MSK)

На l.o.r я давно пользуюсь принципом “mobile-first”, т.е. сначала делается базовая верстка под мобильник. Потом CSS с media запросами, который позволяет лучше использовать место на планшетах и десктопах.

Основной инструмент позиционирования элементов — CSS Grid.

maxcom ★★★★★
(29.04.26 13:12:33 MSK)

Ответ на: комментарий от maxcom 29.04.26 13:12:33 MSK

сначала делается базовая верстка под мобильник

А как проверяете? На моём смартфоне сайт относительно нормально открывается, а вот товарищ на своём открывал и прям всё мелкое…

Потом CSS с media запросами

Выглядит как нечто страшное и новомодное. Без него сильно хуже?

Основной инструмент позиционирования элементов — CSS Grid.

Понял, принял. Буду смотреть в эту сторону, благодарю!

Jullyfish ★
(29.04.26 15:30:05 MSK) автор топика

Ответ на: комментарий от rOgret 29.04.26 11:50:02 MSK

Я эту проблему попробовал решить, вписав в [html] в base/base.ini

Вроде на такое автор ругается и говорит использовать local.ini.

А какой шаблон используете?

Jullyfish ★
(29.04.26 15:31:13 MSK) автор топика

Ответ на: комментарий от Jullyfish 29.04.26 15:30:05 MSK

А как проверяете? На моём смартфоне сайт относительно нормально открывается, а вот товарищ на своём открывал и прям всё мелкое…

В основном в эмуляции мобильника в chrome dev tools, финально еще смотрю на личных устройствах.

maxcom ★★★★★
(29.04.26 15:37:53 MSK)

Правило простое, верстай как текст, а не как гуй софтины.

ya-betmen ★★★★★
(29.04.26 15:39:22 MSK)

Ответ на: комментарий от Jullyfish 29.04.26 15:30:05 MSK

Выглядит как нечто страшное и новомодное. Без него сильно хуже?

Без них нужна более простая верстка. Ну или еще можно использовать CSS Flex, но будет меньше контроля над тем, как это на разных разрешениях выглядит.

maxcom ★★★★★
(29.04.26 15:40:22 MSK)

Ответ на: комментарий от maxcom 29.04.26 15:40:22 MSK

Без них нужна более простая верстка.

KISS. :^)

Jullyfish ★
(29.04.26 16:01:14 MSK) автор топика

Ответ на: комментарий от Jullyfish 29.04.26 15:31:13 MSK

Вроде на такое автор ругается и говорит использовать local.ini.

Ну, там некоторые вещи без редактирования base/* не сделать. Например, все шаблоны поддерживают только один pageset, для которого можно делать комментарии - pages. Ну и пришлось переписать парочку файлов, чтобы добавить поддержку нескольких. Мне пока лень узнавать у автора почему он сделал, так, как сделал, ну а просить его бросить все и пойти править все эти файлы не хочется.

А какой шаблон используете?

Использую smoky и woodpecker. Желания писать свой шаблон пока не появилось, поэтому я просто взял готовое и немного поменял под свои нужды.

rOgret
(29.04.26 19:20:34 MSK)

Ответ на: комментарий от rOgret 29.04.26 19:20:34 MSK

Например, все шаблоны поддерживают только один pageset

Ну и пришлось переписать парочку файлов, чтобы добавить поддержку нескольких.

Опа. Т.е. вы сделали эти pageset’ы и можно делать комментарии не только в pages?

Jullyfish ★
(29.04.26 22:02:35 MSK) автор топика

Ответ на: комментарий от Jullyfish 29.04.26 22:02:35 MSK

Сделал, но очень костыльно.

По-хорошему хотелось бы задавать табличку, аналогичную mainmenu, в которой бы указывались id, name, src, uri у pageset’ов, но это надо уже саму талассу менять и тут точно лучше написать об этом автору.

Могу скинуть куда-нибудь свой шаблон. Либо всё-таки напишу автору о pageset’ах.

rOgret
(30.04.26 00:20:35 MSK)

Ответ на: комментарий от rOgret 30.04.26 00:20:35 MSK

Про pageset он скорее всего знает, т.к. я его спрашивал как сделать комментарии на страничках my.site.net/path1/ my.site.net/path2, оказалось, что это как-то не тривиально и решили не заморачиваться.

Наверное, хороший вариант будет, это скинуть правки (хоть и кривые) base/base.ini туда в гостевую.

Jullyfish ★
(30.04.26 09:14:03 MSK) автор топика

Ответ на: комментарий от Jullyfish 30.04.26 09:14:03 MSK

Закинул через форму обратной связи.

rOgret
(30.04.26 10:15:00 MSK)
Последнее исправление: rOgret 30.04.26 10:15:24 MSK (всего исправлений: 1)

linux.org.ru, к примеру, хорошо выглядит как и в консольном браузере, как и на ПК, так и на смартфоне даже с отключенным js.

Неистово плюсую. А если ещё и отображение аватарок отключить – так вообще совершенная строгость будет. (К сожалению, как модератор я себе этого позволить не могу.)

hobbit ★★★★★
(30.04.26 10:33:14 MSK)

Ответ на: комментарий от Jullyfish 29.04.26 15:30:05 MSK

Выглядит как нечто страшное и новомодное. Без него сильно хуже?

Сейчас это норма. Даже если не использовать «дуализм меню», «сокращение контента» (сокрытие блоков) и т.п.

Аккуратности можно добиться даже «на float-ах». Вопрос в том, что вы вкладываете в это слово. По-моему, вопрос в стартовом посте не раскрыт.

estic
(02.05.26 08:00:20 MSK)

Ответ на: комментарий от Jullyfish 29.04.26 10:50:08 MSK

Нет, использую ThalassaCMS, там через CGI всё генерируется.

Для любой нормальной CMS, точнее ее «головной» части (фронтальной части сайта/сервиса), если речь о «монолите», можно добавить «свой» шаблон (тему оформления). За основу берется готовый «HTML-шаблон» или создается новый (под заказ и т.п.).

estic
(02.05.26 08:07:34 MSK)

Ответ на: комментарий от Jullyfish 29.04.26 10:50:08 MSK

ThalassaCMS

Generates static HTML

хоть и

provides interactive features implemented fully server-side

Даже при использовании JAM-стека генераторы статических сайтов имеют много недостатков.

estic
(02.05.26 08:32:25 MSK)

Ответ на: комментарий от estic 02.05.26 08:00:20 MSK

Сейчас это норма.

Сейчас много чего ужасного в норме. Это не аргумент.

Вопрос в том, что вы вкладываете в это слово. По-моему, вопрос в стартовом посте не раскрыт.

Хороший вопрос. Честно, не знаю как это подробнее раскрыть. И, в любом случае, в какую сторону смотреть (css grid) мне указали.

Jullyfish ★
(04.05.26 06:56:38 MSK) автор топика

Ответ на: комментарий от Jullyfish 04.05.26 06:56:38 MSK

Привет, я так вышел из положения https://khang-nd.github.io/7.css/

anonymous
(04.05.26 07:17:27 MSK)

Ответ на: комментарий от Jullyfish 04.05.26 06:56:38 MSK

И, в любом случае, в какую сторону смотреть (css grid) мне указали.

Вам не только на это (css grid) указали. viewport, media queries, etc. - это все сопутствующие технологии. А для grid-макетов альтернативными можно считать flex(box), float-ы и т.п. «И т.п.» можно отбросить, т.к. верстка на основе таблиц - это прошлый век в прямом смысле слова.

estic
(04.05.26 19:53:42 MSK)

Похожие темы