Category: вёрстка

27
Сен
2020

как в html сделать так, что бы тег <a> перекидывал в Мобильное приложение?

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

15
Сен
2020

Кастомизация header шаблона TwentyTwenty

Я использую шаблон TwentyTwenty на своем сайте.

Хочу вставить вместо Elementor #7 или Пример страницы поле ввода input для Поиска (это значение placeholder). Подскажите, что надо сделать для этого (я видел только как редактировать записи:…

03
Сен
2020

Не могу понять как реализовать элемент страницы(сетка)

Прошу помочь советом как правильно реализовать этот элемент верстки? Может есть какие-то удобные JS плагины или типо того? Попробовал Masonry, как-то не особо помогло, ну или может я не понял как правильно сделать. В любом случае прошу пом…

02
Сен
2020

Как заменить html-код через Javascript?

Нужно, чтоб при нажатии на кнопку "Редактировать", вместо li c надписью "Hello" и кнопками появлялся input и кнопочка "Сохранить". AddEventListener уже поставил, но не могу понять через что, или как заменять с…

02
Сен
2020

Как заменить один элемент на другие по нажатию кнопки? (JS)

Практикуюсь в освоении DOM. На чистом JS написал как будет выглядеть мой ToDoList, но нужно доработать его добавив кнопку редактирования заметки, а также при нажатии на нее, чтоб появлялся input в котором мы перезапишем нашу заметку и чтоб…

23
Авг
2020

Как отображать всплывающую подсказку при наведении курсора на SVG-элемент

Мне нужна встроенная SVG-диаграмма с иконкой «дополнительная информация», при наведении на которую, должна появляться всплывающая подсказка. Смотри иллюстрацию.

У меня есть всплывающая подсказка, реализованная в стилях div, которая испо…

20
Авг
2020

(PHP OpenServer) Код, написанный на моём редакторе, отличается от отображаемых исходников на сайте

Для примера возьмём блок, в который пользователь кидает свои файлы. Я убрал у него селектор height, но на странице у него всё равно стоит в стилях height:134px, которого в файле нет. Я решил проверить и в Проводнике содержание файла стилей…

18
Июл
2020

Поворачивать руку фигуры в соответствии с перемещением курсора мыши

У меня есть изображение SVG доктора, которого я хочу немного оживить. Я хочу, чтобы рука указала на мышь. Однако я не могу заставить его правильно работать.
В настоящее время у меня есть следующий код:
Смотрите Codepen
Как видите, рука неп…

17
Июл
2020

JavaScript. Как выровнять вывод значения числа по определённому формату?

Есть код, который выводит различные числа в браузере `some text ${some_num} some text`. Необходимо отображать это число в формате XX.XXX. Например 12.142 , 98.234 или 00.000. т.е. необходимо отображать 2 знака с лева и 3 знака с права. Как…

08
Июл
2020

Динамически растягивать слова на любую высоту экрана

Есть такая маленькая программа, которая динамически меняет слово внутри SVG.
Необходимо добиться такого эффекта, чтобы независимо от слова или группы слов они всегда растягивались по всей высоте (так как их поввернули на 90 градусов), изме…

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. И я создал свою тему для него. Однако есть проблемы с которыми не очень получается разобраться. У меня среди загруженных страниц отображается только две. Непонятно как это исправить. И как правильно за…