Есть таблица в которой юзер с помощью клавиатуры может влево/вправо/вниз/вверх перемещаться по ячейкам (это все работает), сейчас ячейка перемещается к примеру вправо и таблица скролится, а нужно что бы таблица скролилась только если ячейк…
Есть таблица в которой юзер с помощью клавиатуры может влево/вправо/вниз/вверх перемещаться по ячейкам (это все работает), сейчас ячейка перемещается к примеру вправо и таблица скролится, а нужно что бы таблица скролилась только если ячейк…
Всем привет!
Есть сетка из элементов в несколько столбцов, у каждого элемента есть спойлер с текстом.
Верстка примерно следующая:
<div class="list">
<div class="list__item"></div>
<div class=&qu…
Всем доброго дня! Подскажите, пожалуйста, в чем может быть причина?
При написании медиа запросов возникает данная ошибка: Error in plugin "sass"
Message:
src\sass\style.scss
Error: File to import not found or unreadable: base…
Всем привет! У меня такая проблема. Я создал флип-кард. При нажатии на карточку она переворачивается. Есть сразу несколько карточек. Есть открытая карта и при нажатии на другую закрытую карту открытая закрывается. НО прикол в том что на IO…
Помогите разобраться в чём проблема, через @import подключаю стили normalize, выдаёт всегда ошибку что файлов нету… Пути менял не один раз, уже даже не знаю какие ещё есть решения.
…
Каким образом можно сделать из горизонтального navbar sidebar, находящийся слева для мобильных устройств?
Это код для веб версии.
HTML
<div class="container-header">
<img class="logo" src="/assets/img/ic…
Подскажите слайдер с табами, что бы при переключении по стрелкам активный таб менялся,
и по клику на таб, активный слайд менялся, можно библиотеку, нашел только как вариант Coda Slider, но он не совсем подходит.
Может есть варианты не би…
не могу понять как сделать что бы желтый прямоугольник плавно переезжал к активному пункту меню при наведении(mouseenter), нужно реализовать на js.
пробовал добавлять активный класс каждой ссылке при mouseenter,
но тогда желтый прямоугльн…
Нужно сделать так что бы при скроле линии меняли цвет(когда цвет фона черный то круги и линии белые) и менялся активный круг с Продукция на другой, (скролл вверх и обратно).
Я начал писать на jquery, сделал что бы при скроле вниз менял…
Помогите пожалуйста сделать функционал на vue.js! У меня есть калькулятор. Заказчик попросил сделать что бы при нажатии и выборе определенного элемента из списка, появлялись несколько картинок(цветов), которую можно выбрать и в процессе от…
Выдает Cannot GET /images/img.png при просмотре в режиме разработчика (Open in new tab), при этом через img в HTML все хорошо.
На SCSS подключение не ругается, дает зеленый свет.
Через ссылку получается background-image: url("https:/…
Мне нужно, чтобы элемент плавно появлялся из ниоткуда. Его изначальные стили:
transition: ‘all 1s linear’;
display: ‘none’;
opacity: 0;
При клике он должен появляться и становиться в:
display: ‘block’;
opacity: 1;
В моем коде он появляет…
По макету нужно сделать такой блок:
Вроде бы ничего особенного. Я решил использовать swiper т.к. его дефолтные стили похожи на макетные. Я пока просто подключил его и получил следующие:
Как поставить стрелки на картинку?
Моя разметка:
&l…
Пытаюсь сверстать слайдер по уроку (1 22 00). Использую такую разметку:
div class="main-slider">
<div class="main-slider__body">
<div class="main-slider__item item-main-slide…
Я пытаюсь сверстать слайдер из урока по верстке (1:22:00). Использую сборку gulp отсюда. На всякий случай, код gulpFule.js:
let project_folder = require("path").basename(__dirname);
let source_folder = "#src";
let path…
С помощью Node.js хочу получить из директории fonts все шрифты (они там в формате woff и woff2) и подключить их в файл fonts.scss, но функция, которую я нашел в интернете не работает. После запуска gulp файл так и остается пустым. Помогите…
Надо автоматически сформировать файл fonts.scss, который потом подключается к шаблону. Использую для этого такую функцию:
let fs = require("fs");
function cb (){
}
function fontsStyle (){
let file…
const HTMLWebpackPlugin = require(‘html-webpack-plugin’)
const {CleanWebpackPlugin} = require(‘clean-webpack-plugin’)
const MiniCssExtractPlugin = require(‘mini-css-extract-plugin’)
const isDev = process.env.NODE_ENV === ‘development’
mo…
В scss у меня есть главный файл common.scss в который я добавляю новые файлы с помошью команды @import
Потом все это дело обарабатывается с помощью gulp
common.scss
@import ‘./my-file’;
my-file.scss
.container {
color: red;
}
Как так…
Я создал календарь с расписанием лекций/пар, вся информация вытягивается из файлов JSON и JS сам формирует карточки в зависимости от дня недели и элемента из json файла, пример здесь.
Задача состоит в том, чтобы не вытягивать из файлов jso…
Появилась задача сделать полосы вокруг кнопки
Делал на Code Pen через ::before , ::after и в них делал box-shadow, но ничего не получилось
.container {
font-size: 40px;
border: 1px solid red;
width: 200px;
padding: 20px;
&am…
Недавно столкнулся с проблемой , плавности возвращения анимации "keyframes" , а именно свойства transform. Вроде как удалось решить данную проблему ,но когда попробовал на телефоне плавной анимации возвращения не было. Так же ког…
Помогите пожалуйста решить данную проблему!
Есть кастом меню на шаблоне Customizr
Проблема в том что выпадающее меню на главной странице работает правильно и когда неподвижно и когда при прокрутке
https://mebelkharkov.com/
а вот на других…
Решил попробывать styled-components но не подсвечиваются элементы, подскажите расширение пожалуйста.
Вот так у меня:
А вот так хочу:
Как закрасить только прозрачную ВНУТРЕННЮЮ часть картинки при клике применяя css стили. В одном случае представим, что картинка формата png. В другом – svg.
…
Интересует принципиальная схема подключения SCSS-набора компонентов, установленных через npm.
Всю библиотеку подключать Неправильно, пытаюсь подключить нужные компоненты. Не могу понять, из-за чего не срабатывает нужный эффект (в частности…
До сего момента делаю все это разными утилитами или полувручную, но сейчас кода становится все больше и больше и хотелось бы все это автоматизировать. Что лучше использовать для этих целей?
…
В каком-то видео на ютубе увидел, что есть какой-то уже готовая папка начальных кодов (html, css, scss, js и тд) Где можно такую найти?
Готовлю проект, и решил воспользоваться сборщиком gulp. Написал команды, но не работает gulp watch. Никаких ошибок в терминале при запуске не выдает, из-за этого сложно понять в чем проблема.
Возможно кто-то сталкивался с подобным.
Прилаг…
Свежие комментарии