Category: HTML

23
Сен
2020

Ввод текста в canvas

Без градиента текст выводится, но с градиентом его нет, не могу понять почему. И ещё, как можно сделать так, чтобы пользователь сам выбирал цвет текста?

<canvas id=”canvas” width=’600px’></canvas>
<input type=”text” id=”…

23
Сен
2020

Ввод текста в canvas

Без градиента текст выводится, но с градиентом его нет, не могу понять почему. И ещё, как можно сделать так, чтобы пользователь сам выбирал цвет текста?

<canvas id=”canvas” width=’600px’></canvas>
<input type=”text” id=”…

23
Сен
2020

Как применить анимацию притяжения/отталкивания частиц?

Ребята, приветствую . Подскажите пожалуйста кто на практике сталкивался с похожей задачей ? необходимо реализовать анимацию притяжения/отталкивания частиц (объектов) при наведении курсора . У объекта есть область действия. По задумке когда…

23
Сен
2020

Оптимизация веб-сайтов с помощью новых медиаформатов Webp и WebM

От автора: интернет стал одной из самых важных и широко используемых коммуникационных платформ в современном мире. Но одним из недостатков этой невероятной технологии является то, что мы, разработчики, не имеем никакого контроля над аппаратными характеристиками устройств, с которых наши пользователи будут заходить на веб-сайт. Конечный пользователь может получить доступ к вашему веб-сайту на устройстве высокого […]

22
Сен
2020

Адаптивность, @media-запросы

Пытаюсь написать адаптивность сайта с помощью @media-запросов. Использовать дополнительные библиотеки и фреймворки, кроме Bootstrap4 крайне нежелательно. Проблема заключается в определении устройства по пикселям (max- и min-width). Из-за п…

22
Сен
2020

Дополнительные поля <input> с нумерацией

При клике на "Add new position" нужно, чтобы не только добавлялись инпуты с name, как у предыдущего.
Но и шла их нумерация в name.
Скажем, у первого name="name", я нажимаю добавить и появляется инпут с name="name-1…

22
Сен
2020

Проблема с позиционированием 100vh в мобильном браузере Chrome

Есть блок с раскрытым меню. Наблюдаю проблему в мобильном браузере Chrome: нижний блок с языком скрыт за экраном. В других браузерах такого бага не наблюдаю, нижняя панель прилеплена четко внизу.
Код:

* {
margin: 0;
padding: 0;
t…

21
Сен
2020

Цикл анимации загрузчика svg

Мне нужна помощь в создании моего SVG loader. У меня есть такая анимация, см. ниже.
Когда начинается анимация, каждый кружок становится оранжевым.
Когда он закончится, линия начнет двигаться назад (это нормально), но каждый кружок также до…

21
Сен
2020

Как запретить изменение цвета div, если другой уже такого цвета?

Есть шахматная доска. Надо запретить изменение цвета клетки на красный, если одна из клеток с фигурой уже выбрана.
Написал такой код:

var id_focus = “”;
const handleClick = event => {
const id = event.target.closest(‘div.square’)….

21
Сен
2020

Кнопки сверху и снизу должны дублироваться а не каждая открывать своё меню VUE.js

Не подскажите как так сделать
Должен быть только один экземпляр меню id=mySidebar и никаких mySidebar2 на vue,js
кнопки сверху и снизу должны дублироваться а не каждая открывать своё меню
меню должно лежать в хидере, в футере только кнопк…

21
Сен
2020

Как загрузить например определенный вид товара на соответствующую странцу?

У меня есть main.js где выводит товары с json циклом на страницу , например там только кроссовки, а мне нужно вывести товары тем же js только уже тапки на другую страницу(один json).Как сделать вывод с одного jsona на другую страницу?
func…

21
Сен
2020

Не всегда получаю id div’а

В прошлом вопросе мне помогли с получением id div. Но в некоторых дивах есть img с шахматными фигурами и оттуда не получаю id клетки. Помогите пофиксить это.
Код

const handleClick = event => {
const id = event.target.id
if (id) …

21
Сен
2020

Как сделать реферальные ссылки?

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

21
Сен
2020

canvas не позволяет выделить текст

После использования canvas не могу выделить текст как по дефолту (по символьно), не могу понять что не так. Менял z-index самого канваса и контента но не помогло. В чём может быть проблема?
Код здесь
ссылка
<span>some text</span&g…