Я это смотрел, спасибо.
Чтобы создать веб-сервер с помощью browserSync, все статические файлы должны быть в директории /dir, к примеру.
У меня есть только папка views с pug, которые рендерятся непосредственно при запуске проекта, средствами express, то есть у меня нет html вообще.
То есть мне нужно выбирать, либо запустить npm app.js, либо запустить gulp. В первом случае у меня нет никаких gulp.watch, во втором случае у меня нет вообще ничего кроме собранных css.
Как это вообще делается в реальных проектах?
Вот у меня API и рендеринг pug, все в app.js (express.js). Но при этом я хочу ещё и верстать этот интерфейс одновременно, с вотчерами и перезагрузка браузера после каждой правки.
Вопрос скорее в том, как реализовать базу Gulp 4 + Express + Sass + Pug, чтобы удобно было верстать, так как я люблю часто сохраняться и смотреть что получилось в браузере. И чтобы на основе этой базы можно было дальше строить и усложнять функционал приложения.
prodavec macdonalds, спасибо. Как оказалось fullpage.js использует подобную библиотеку для скролла внутри контейнеров, выходящих за viewport. То есть может.
Минус в том, что это всё равно не обычный скролл, а эмуляция.
Так же проблема с перемещение по якорю внутри большого контейнера, эмулированный скролл бар за прыжком на якорь не перемещается, и при движении с якоря происходит неприятное дерганье страницы и скролл бара.
Возможно и для этого я бы нашел решение, но дизайн неожиданно поменялся и необходимость в полноэкранном скроллинге пропала вообще.
Хорошая библиотека, спасибо.
Но речь немного о другом.
Сначала несколько экранов в полную высоту с поэкранным скроллом, потом просто контент с обычным.
Кажется FullPage это может.
Сейчас разбираюсь.
Решил вернуться к данному вопросу, ради интереса решить задачку и написать рабочий скрипт на будущее. Возникла пара вопросов по предложенному решению. nextTreeAll() - не могу найти никакой документации по данной функции вообще. Ошибка "nextTreeAll is not a function", что какбэ намекает. Не уточните?
Спасибо! Очень помогли, но в ходе работы всё равно было принято другое стратегическое решение. Отныне такие конструкции управляются через CSS, конструкциями
.target-class:checked~.targetinput
Спасибо!
Взял, Зебру для своего проекта. Скачал скрипт и оформление с гитхаба. Прямо в скрипте за три минуты исправил название месяцев, дней недели, кнопок, настроил формат выдачи.
Во всех браузерах выглядит отлично, адаптивный дизайн не ломает, если не перегибать палку с тестированием, то проблем не заметите.
Евгений Петров: Вот! Именно то, чего я хотел. Теперь во всех браузерах одно и то же, даже в Safari на MacBook смотрится как надо. Теперь можно считать вопрос закрытым окончательно, собственно по этому я и не закрывал тему.
Спасибо за ответ.
Лишний path убрал, отдельное спасибо за это, не заметил.
Все варианты подразумевают ширину в 203px. Это мне не подходит, класс применяется к пунктам меню при наведении, пункты могут быть от 100 до 300 px в ширину, по этому:
1. Вариант: подчёркивание отцентровано, но короче строки, по этому справа и слева остаются неподчёркнутые промежутки (Opera, Chrome); подчёркнута вся строка, но если она длиннее 203 то и высота подчёркивания становится больше, по этому длинные пунткы меню подчёркнуты жирнее. Итог: подчёркивание стало под ячейкой, но ведёт себя неадекватно.
2. Chrome и Opera - отлично. В FF и IE работает через Ж, рядом находятся две ячейки, одинаковой ширины, одна подчёркнута на 60%, другая на 75%, в IE некоторые ячейки вообще подчёркнуты только на 10%, так что подчёркивание даже не видно.
Итог: не подошло совсем.
3. Chrome и Opera - отлично. В FF и IE очень длинные пункты подчёркиваются жирнее, зато хотя бы целиком.
Что ж, иду тестировать в сафари и на линовую FF, там тоже часто бывают нестыковки.
Ещё раз спасибо, за неимением лучшего варианта буду использовать третий.
Можете посоветовать что-нибудь почитать по SVG, чтобы иметь представление о назначении, например, preserveAspectRatio?
Написано
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Чтобы создать веб-сервер с помощью browserSync, все статические файлы должны быть в директории /dir, к примеру.
У меня есть только папка views с pug, которые рендерятся непосредственно при запуске проекта, средствами express, то есть у меня нет html вообще.
То есть мне нужно выбирать, либо запустить npm app.js, либо запустить gulp. В первом случае у меня нет никаких gulp.watch, во втором случае у меня нет вообще ничего кроме собранных css.
Как это вообще делается в реальных проектах?
Вот у меня API и рендеринг pug, все в app.js (express.js). Но при этом я хочу ещё и верстать этот интерфейс одновременно, с вотчерами и перезагрузка браузера после каждой правки.