Size: a a a

Front-end developers

2020 June 07

M

Mikhail in Front-end developers
PV
Необходимо поправить версту на сайте. Разработчики сайта использовали gulp, который собирал все файлы стилей в один. Соответственно когда меняю один из файлов стилей, мне нужно пересобрать общий файл стилей. Установил gulp на локальный комп, но при запуске выдает такую ошибку
$ gulp
TypeError: require.extensions.hasOwnProperty is not a function
   at requireDir (
mysite/node_modules/require-dir/index.js:93:37)
   at Object.<anonymous> (
mysite/gulpfile.js:16:1)
   at Module._compile (internal/modules/cjs/loader.js:1200:30)
   at Object.Module._extensions..js (internal/modules/cjs/loader.js:1220:10)
   at Module.load (internal/modules/cjs/loader.js:1049:32)
   at Function.Module._load (internal/modules/cjs/loader.js:937:14)
   at Module.require (internal/modules/cjs/loader.js:1089:19)
   at require (internal/modules/cjs/helpers.js:73:18)
   at requireOrImport (/usr/local/lib/node_modules/gulp/node_modules/gulp-cli/lib/shared/require-or-import.js:19:11)
   at execute (/usr/local/lib/node_modules/gulp/node_modules/gulp-cli/lib/versioned/^3.7.0/index.js:30:3)
источник

P

PV in Front-end developers
Спасибо. Эту вылечил, но дальше еще посыпались.
источник

АП

Алексей Прасолов... in Front-end developers
Кто-нибудь знает... возможно я сейчас бред скажу...

Вообщем, есть в css возможность отдельный элемент и его содержимое превратить в изображение или что-то похожее на это?

Можно ли блок с его элементами зафиксировать в этом виде? Это наподобие того когда в теге meta не указали viewport и на телефонах вся вёрстка уменьшается по размеру экрана? .....

Прошу сразу прощения что я пошатнул вашу психику своим сообщением...
источник

ПЗ

Пулатов Зокир... in Front-end developers
Алексей Прасолов
Кто-нибудь знает... возможно я сейчас бред скажу...

Вообщем, есть в css возможность отдельный элемент и его содержимое превратить в изображение или что-то похожее на это?

Можно ли блок с его элементами зафиксировать в этом виде? Это наподобие того когда в теге meta не указали viewport и на телефонах вся вёрстка уменьшается по размеру экрана? .....

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

ПЗ

Пулатов Зокир... in Front-end developers
Если я правильно понял задачу, то флексы помогут
источник

A

Ali in Front-end developers
box-sizing = border-box , real width minus padding minus border ...
источник

АП

Алексей Прасолов... in Front-end developers
Пулатов Зокир
Можно, если сверстать флексами и ширину, отступы элементов задавать в процентах.
Элементу ведь можно задавать свойства top, right, bottom, left в процентах?!
источник

АП

Алексей Прасолов... in Front-end developers
Если да, то скорее всего можно только так решать подобные задачи...

Благодарю за ответ!
источник

ПЗ

Пулатов Зокир... in Front-end developers
Алексей Прасолов
Элементу ведь можно задавать свойства top, right, bottom, left в процентах?!
Это если на абсолютах верстать
источник

ПЗ

Пулатов Зокир... in Front-end developers
Элементу много значений можно задавать
источник

ПЗ

Пулатов Зокир... in Front-end developers
Как я понял у тебя блок(обёртка) и внутри несколько других блоков, к которым задан background. И они должны отображаться одинаково на всех устройствах. Задавай значения ширины и отступы в процентах и всё будет нормально
источник

АП

Алексей Прасолов... in Front-end developers
Пулатов Зокир
Как я понял у тебя блок(обёртка) и внутри несколько других блоков, к которым задан background. И они должны отображаться одинаково на всех устройствах. Задавай значения ширины и отступы в процентах и всё будет нормально
Вот бы были всё задачи такими простыми...
источник

АП

Алексей Прасолов... in Front-end developers
В моём случае я хочу чтобы свёрстанная структура (на скриншоте) принимала размер относительно размера области страницы. Родительский блок структуры располагается как position: relative, а его дочерние элементы как  position: absolute.
источник

ПЗ

Пулатов Зокир... in Front-end developers
Можете подсказать, какими знаниями js нужно владеть, чтоб можно было начать учить react или vue?
источник

ПЗ

Пулатов Зокир... in Front-end developers
Алексей Прасолов
В моём случае я хочу чтобы свёрстанная структура (на скриншоте) принимала размер относительно размера области страницы. Родительский блок структуры располагается как position: relative, а его дочерние элементы как  position: absolute.
Тут не обязательно абсолютами верстать. Опять же флексы и маргины через nth-child
источник

ПЗ

Пулатов Зокир... in Front-end developers
Алексей Прасолов
В моём случае я хочу чтобы свёрстанная структура (на скриншоте) принимала размер относительно размера области страницы. Родительский блок структуры располагается как position: relative, а его дочерние элементы как  position: absolute.
Но если всё на абсолютах... То хз уже как можно так же садаптировать😅
источник

АП

Алексей Прасолов... in Front-end developers
Пулатов Зокир
Тут не обязательно абсолютами верстать. Опять же флексы и маргины через nth-child
Да, хорошая идея. Я уже примерно представил как должен выглядеть код... но есть одна проблема... как быть с линиями между окружностей?

То есть всё в этом блоке сделать с помощью Flexbox а линии уже абсолютно с позиционировать и для них лично адаптировать?!
источник

ПЗ

Пулатов Зокир... in Front-end developers
Да, линии псевдоэлементами и абсолютом
источник

АП

Алексей Прасолов... in Front-end developers
Пулатов Зокир
Можете подсказать, какими знаниями js нужно владеть, чтоб можно было начать учить react или vue?
Про React не знаю. Но у меня минимальные знания в JS и я нормально чувствую себя в Vue.js.....  желательно в таком случае иметь опыт хорошо гуглить. :)
источник

АП

Алексей Прасолов... in Front-end developers
Пулатов Зокир
Да, линии псевдоэлементами и абсолютом
Благодарю за ответ!
источник