Category: вёрстка

14
Апр
2021

Дорогое сообщество программистов, прошу помочь мне с моей тяжёлой ношей джуна

Всем привет ребят, обращаюсь к здравомыслящим людям, ибо их здесь полно и конечно извиняюсь за столь вызывающее заявление, если оно могло таким показаться, но не найдется ли у вас любая работа по верстке сайтов или что-то в этом роде, ведь…

14
Апр
2021

Дорогое сообщество программистов, прошу помочь мне с моей тяжёлой ношей джуна

Всем привет ребят, обращаюсь к здравомыслящим людям, ибо их здесь полно и конечно извиняюсь за столь вызывающее заявление, если оно могло таким показаться, но не найдется ли у вас любая работа по верстке сайтов или что-то в этом роде, ведь…

13
Апр
2021

Как запретить скроллинг контента под модальным окном?

Необходимо, чтобы контент под модальным окном не прокручивался. Само модальное окно может прокручиваться, если оно слишком длинное (этот функционал уже реализован, просто предупреждаю, потому что видел решения, когда скроллинг блокировали …

08
Апр
2021

CSS 3D анимированное колесо смещено от центра

У меня есть 3D-анимация колеса / цилиндра css, которая вращается по оси x. Моя проблема в том, что анимация движется вверх и вниз за пределами контейнера. Пример GIF ниже …

Код для вышеперечисленного можно найти здесь: https://jsfiddle….

06
Апр
2021

Вставка гугл карты на сайт и трансляция геолокации

В процессе разработки веб-сайта для своего проекта столкнулся с такой задачей: нужно реализовать трансляцию геолокации курьера на мой сайт в реальном времени. То есть, нужно сделать так, чтоб на сайте на интерактивной карте все посетители …

01
Апр
2021

Назначение toggleClass

Есть 2 вида боковых стрелок – закрытая (направленная вправо – в состоянии закрытого подменю – .arrow_01_R) и открытая (направленная вниз – в состоянии открытого подменю – .arrow_01_B). Каким образом можно по щелчку поменять ориентацию стре…

30
Мар
2021

Нарисовать правильный треугольник вписанный в окружность

Задача: нарисовать окружность радиуса R, а в нее вписать правильный треугольник.
Для треугольника ABC (основание BC параллельно оси x) получаем такие координаты точек

A: (R, 0)

Для R = 50 получается картинка

<svg version=’1.0′ x…

29
Мар
2021

Вертикальное выравнивание вложенного блока в правом боковом меню

Как выровнять вертикально содержимое вложенного блока? (блок FilterGroupNewDesign вложен в FilterDropdown__body.FilterDropdown__body_opened, а тот в свою очередь вложен в FilterBlockNewDesign) Есть блок в html (блок .FilterBlockNewDesign)

28
Мар
2021

Проблема с правильным вращением трехмерного куба по краям с помощью функции rotate и translate

Пожалуйста посмотрите мой jsfiddle
Для начала анимации кликнете по кубу

var xAngle = 0;
var yAngle = 0;
var xPos = 0;
var yPos = 0;

$(‘body’).keydown(function(evt) {
if(evt.keyCode == 37)
{
//left
yAngle -= …

24
Мар
2021

Как сделать так, чтобы текст SVG-изображения был двухцветным в зависимости от его положения при вращении

Мне нужно сверстать эту SVG-картинку таким образом, чтобы та её часть, которая на чёрном фоне была белой, а та, что на белом фоне – была чёрной. Картинка будет вращаться, поэтому само изображение не вариант закрасить наполовину чёрным напо…

18
Мар
2021

SVG нарисовать линию соединения между двумя прямоугольниками

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

17
Мар
2021

Как нарисовать кольцевую диаграмму с закругленными углами и разными градиентами и тенями в каждом сегменте

Мне необходимо реализовать кольцевую диаграмму как на изображении ниже:

Возникает несколько проблем:

Каждый сегмент окрашен в свой градиент
Сегменты имеют закругленные края
Каждый сегмент может быть использован в дальнейшем, как ссылка

16
Мар
2021

Подгрузка видео при окончании предыдущего видео

Имеется 4 кусочка видео на сайте
Лежать друг на друге и получается что видно только один
И нужно сделать так чтобы перед тем как закончится первое видео начать подгружать второе, а как первое закончится отключить его и включить второе виде…

11
Мар
2021

Scrolling наложения изображений на чистом CSS

Можно ли, используя только css и html, полностью прокрутить внутренний div (оверлейный красный div) перед прокруткой вниз остальной части страницы?
По сути, интересно, возможна ли прокрутка наложения при замораживании предыдущего div толь…

04
Мар
2021

Создание скроллинга

Нашел в интернете сайт Интернет магазин. Как добиться, чтобы было как на этом сайте, а именно – левый столбец сбоку (с иконками)

не прокручивался при скроллинге, а правая часть сайта прокручивалась.

02
Мар
2021

Неисчезающее (непоявляющееся) меню

Хочу создать сайт с исчезающим/появляющимся меню при наведении на иконки пунктов меню. Упростил js код до максимума в соответствии со структурой дизайна сайта. Меню состоит из div блоков классов .leftside (левая иконка), .rightside (правая…

02
Мар
2021

Координатная (пиксельная) сетка (линейка)

Меня заинтересовала работа участника @CbIPoK2513, где он создал координатную сетку с помощью технологии CSS, используя абсолютную единицу измерения – пиксель(px).
Вот его первая часть ответа на вопрос Как сделать адаптивную координатную се…