Category: вёрстка

24
Июн
2020

Как решить ошибку Modernizr и Webpack?

Доброе время суток. В проекте испольную плагин gray для кроссбраузерности фильтра greyscale (будь не ладен этот ИЕ), который в свою очередь использует Modernizr. при сборке проект получаю такую ошибку:

"погуглив" узнал что сущес…

22
Июн
2020

Как сделать выборку и вставку текста, что выбрано

Нужно сделать так, чтобы при выборе заметки с списка рядом появлялось место, где можно было редактировать..
Как в Evernote:

v98987od.beget.tech – то, что у меня пока получилось..
Памагити :c
Мучаюсь несколько часов. Думаю сделать через js…

15
Июн
2020

Как обратиться к соседском элементу через js?

Хочу сделать раскрывающийся текст, при нажатии на "читать дальше"
Сделала так:
this.parentNode.parentNode.childNode[1].style.свойство

Мне кажется, что это, вроде как, должно работать, но не работает.
Пожалуйста, объясните почему…

09
Июн
2020

Как ОЧЕНЬ быстро выучть JS? И стать джуном?

Всем привет! Кроче мне уже 30 работаю с 9 до 18 и пока нет жены и детей решил ворваться во фронт.

4 месяца с перерывами на верстку, кое как освоил на уровне простых лендингов + адаптивно.
Чужая сборка gulp, scss, БЭМ нейминг. Стандартный …

01
Июн
2020

owlCarousel2, некорректная работа с autoWidth

Есть каруселька, используется owlCarousel2 с autoWidth. Плагин некорректно отрабатывает – при начальном ините какая-то непонятное центрирование, клик по кнопкам навигации работает неправильно. При ресайзе блока на 1px всё становится “как н…

23
Май
2020

Эффект с иконкой при наведении

У меня есть вот такой вот макет, где нужно чтобы при наведении появлялась иконка и затемнялся экран. Если с затемнением все понятно, то как добавить иконку при наведении? Желательно на чистом js, но если есть уже готовый вариант на jquery …

21
Май
2020

Требования вёрстки для трейни/джуна фронта?

Сильно запутался. Планировал вначале нормально изучить верстку , на таком уровне – что бы хватило для требований к трейни/джуну фронту, а после только приступить к изучению JS не отвлекаясь на изучение верстки. Но все пошло не так, сейчас …

19
Май
2020

Обработка нажатия на iOS-устройствах

Столкнулся с какой-то аномалией. Всем известно, что у iOS свои приколы с обработкой клика на мобильной платформе, но тут просто что-то невероятное.
Я написал несложное приложение и просто не понимаю почему не срабатывают клики на div элеме…

19
Май
2020

Как правильно создать свою тему на wordpress c навигацией между страницами

Нужно перенести верстку на wordpress. И я создал свою тему для него. Однако есть проблемы с которыми не очень получается разобраться. У меня среди загруженных страниц отображается только две. Непонятно как это исправить. И как правильно за…

22
Апр
2020

MVC как организовать работу программиста и верстальщика

Я пишу на JS вэбинарную комнату.
Чистый typescript + jquery. Никаких реактов итд.
В зависимости от новых задач интерфейс дополняется.
Верстальщику желательно отдавать проект для доработки в формате html + css + js файлики. Но у меня совс…

28
Мар
2020

После удаление динамического элемента HTML блокируется взаимодействие со всей страницой

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

18
Мар
2020

Webpack, почему не работает LiveReload при изменении HTML, если включен Hot Module Replacement?

Если в Webpack в настройках devServer задать hot: true, то Hot Module Replacement для CSS работает и изменения применяются без полной перезагрузки страницы. Но при изменении HTML файлов почему-то не работает LiveReload, нужно страницу обно…

09
Мар
2020

Как отсортировать изображения с разным размером и разместить их в квадрат? (пример ниже)

Есть группа изображений, которые нужно разместить в разные разделы галереи. Они разного размера, но разместить их нужно в квадрат или прямоугольников + на divах есть ховер-текст. Как такое реализовать на jquery или может есть маленькая биб…

08
Мар
2020

Контейнер DIV и слайдер фото

Имеются три контейнера “div”, внутри каждого контейнера по 3-4 картинки.
При нажатии на “div” открывается слайдер, и можно пролистать фотографии.
Проблема в том, что картинки в идут в сплошную.
Не заканчиваются на 3-4 фотографии т.е выход…

25
Фев
2020

Реализация большого выпадающего меню с несколькими уровнями вложенности

Коллеги, необходима ваша помощь – нужно реализовать большое выпадающее меню с 3 уровнями вложенности. Моих мозгов на данный момент не хватает чтобы продумать логику и последовательность.
По ссылке сверстанный мини пример – https://codepen….

19
Фев
2020

Не могу понять как сверстать блок с текстом со скроллом средствами html, css,js или jQuery?

Начал изучать front-end. Основы изучил, начал брать разные макеты для тренировки с бирж. В одном из таких попался такой блок.[

Суть: текст должен скролиться вниз по нажатию “Читать далее” Скроллбар должен быть там где выделено красным ова…

08
Фев
2020

Как добавить svg код в вордпресс

У меня есть SVG анимация codepen.io/Arifulina/pen/YzXPKEO
И у меня возникла проблема, – изначальный HTML код я не могу найти, а виджет html код выдаёт ошибки. Вот похожий сайт Yoga-s.ru, мне надо вместо yoga в правом блоке вставить svg ко…