Можно ли сверстать макет без JavaScript?

Question

[Иван Ефимов]

Вот, например, макет сайта.
Вопросы:
1. Можно ли реализовать функционал этого сайта без JavaScript и библиотечных скриптов, типа WordPress?
2. Что если переход по ссылке в меню, не будет вести на внешний ресурс, а вместо этого мы просто уберем левый блок и покажем новый? Соответственно, сайт упакуем в один единственный файл целиком.

Comments

[Василий Банников]

Соответственно, сайт упакуем в один единственный файл целиком.

Использование js никак этому не препятствует.

[Иван Ефимов]

Василий Банников, "Использование js никак этому не препятствует." - Если так можно делать, то почему так не делается, а повсеместно используется отдельный файл на страницу? Какие-то проблемы на сервере или что?

[Виталий Першин]

В целом можно, но для этого нужно много костылей и хорошие знания html/css

[Иван Ефимов]

Виталий Першин, "для этого нужно много костылей" - каких?

[Виталий Першин]

Иван Ефимов, Ну к примеру переключатели можно сделать при помощи инпутов, примерно по такой логике https://codepen.io/aleksey1967/pen/NWroPwv
Анимацию появления можно сделать так: https://www.youtube.com/watch?v=UmzFk68Bwdk

[Василий Банников]

Иван Ефимов, обычно везде делают отдельно html, отдельно стили, отдельно js потому что:
1. Так удобнее разрабатывать
2. Можно по отдельности кэшировать разметку и скрипты.

[Иван Ефимов]

Василий Банников, спасибо
рад видеть, что ничего не изменилось пока я не верстал.

Answer 1

[alexalexes]

Без сервера такая веб страничка жить может.
Без JS - нет, так как все спец. эффекты триггерятся JS-ом.

Comments

[Иван Ефимов]

"все спец. эффекты триггерятся JS-ом" - да, но триггеры настолько примитивные (бинарная логика, "вкл/выкл"), что возникает вопрос: зачем? А что останется без JS? Классическое переходы вперед/назад по ссылкам?
Давно не занимался версткой, хочу узнать что мы имеем в 24-ом году в этом плане в языке CSS.

[imko]

Иван Ефимов, вкыл/выкл можно сделать радио/чекбоксами с псевдоклассом checked и комбинатором + или ~, в качестве "кнопки" лейбл может выступать

[imko]

Иван Ефимов, есть еще псевдокласс target, почему то им очень любят попапы открывать, видимо где-то есть статья)

Answer 2

[Deita]

Без JS на CSS тоже можно делать анимации:
https://codepen.io/ruslan_khomiak/pen/eBLPbY
https://codepen.io/ruslan_khomiak/pen/QGmwMP
https://codepen.io/ruslan_khomiak/pen/ObooMV
https://codepen.io/ruslan_khomiak/pen/MbqWaK

Comments

[Иван Ефимов]

А триггеры?

[Иван Ефимов]

Анимация или переходы?

[Deita]

Иван Ефимов, https://developer.mozilla.org/en-US/docs/Web/CSS/C...

Answer 3

[Rsa97]

без JavaScript

мы просто уберем левый блок и покажем новый

Либо одно, либо другое.