Матвей Феникс
Двигаю пиксели, играюсь со шрифтами
-
вклад
-
8вопросов
-
37ответов
-
46%решений
Ответы
-
Как изменить класс у шапки при скролле FullPage.js?
$(window).on('scroll load', function () { if ((document.documentElement.scrollTop > 20) || (document.body.scrollTop > 20)) { $('.header').addClass('header_scroll'); } else { if ($('.header').hasClass('header_scroll')) { $('.header').removeClass('header_scroll'); } } }); -
Не работает display: inline-block?
Допиши:li { display: inline-block; }
inline-block не тому элементу указан -
Как вставить элемент в рамку?
Именно такое решение, которое вы написали - самое простое и лучшее.
Либо просто положили внутри relative блока-родителя дочерний блок с absolute и background белого цвета, либо сгенерировали его через псевдоэлемент :before. -
Как сделать закрытие кастомного select по пустой области или по элементу?
Для того, чтобы вам помогли - выкладывайте код демки на codepen или его аналог - никто не захочет гадать по кофейной гуще.
1) Открытие и закрытие делается обычно через .toggleClass('класс').
К примеру - изначально меню скрыто через display: none, при клики через toggleClass вешается или убирается класс active, в котором задан стиль display: none;
Ну или еще можно делать проверку на наличие display: none, и в зависимости от результата делать либо .show() либо .hide()
2) Скрытие по клику вне области блока делается так:$(function ($) { $(document).mouseup(function (e) { const block = $(".ваш_блок"); // переменная block - это ваш блок, который скрывается/показывается if (!block.is(e.target) && block.has(e.target).length === 0) { block.removeClass('класс'); // класс который показывает блок, к примеру с display: block } }); }); -
Почему не устанавливается npm i?
Если такое случилось - просто нажми ctrl + c и выполни команду повторно. Если не помогает - перезагрузи bash. -
Валидация формы: как правильно реализовать проверку пароля?
Если есть доступ к jquery - то лучший вариант это jquery validation.
Вот пример реализации, там есть как раз такой функционал для паролей https://github.com/mtvphnx/hate-jquery-validation
Как узнать что поля принадлежат одной и той же форме? Уникализируйте формы (id, class, attr). -
Информация из Input'ов в переменные.?
1) Не должно быть на странице элементов с одинаковыми id.
2) Оберни все в форму.
И сделай:
https://codepen.io/matvey-phoen1x/pen/pxqKLv -
В какой программе открывать файлы psd для верстки?
Самые удобные - это Avocode https://avocode.com/ и Zeplin https://zeplin.io/ -
Sourse map для gulp, как правильно собрать файлы less в main.css чтобы в браузере просматривать исходники?
Пример с sass, для less все идентично (ну или почти).
1) Собрали файлы в из многих в один через import https://github.com/mtvphnx/gulp-start/blob/master/...
2) Поставили в сборку https://www.npmjs.com/package/gulp-sourcemaps
3) Прописали в галпфайле const sourcemaps = require('gulp-sourcemaps') и в таске вызвали запись карты:function имя_таска() { return gulp .src('путь_где_лежит_нужный_стиль.расширение') .pipe(sourcemaps.init()) // тут что-то делаем .pipe(sourcemaps.write()) .pipe(gulp.dest('путь_до_папки_куда_кидаем')); }
- пример галпфайла https://github.com/mtvphnx/gulp-start/blob/master/... -
Как сделать task компиляции js правильно?
Вот пример моей сборки https://github.com/mtvphnx/gulp-start. Там есть раздел для слежения за изменениями и перезагрузки.
Сам вотчер:function watch() { gulp.watch('путь', 'таск'); }
Командой start запускаем сборку, после того, как сборка прошла - запускается вотчер и сервер, если вотчер увидел изменения в папке, за которой мы следим - выполняется нужный таск, к примеру для минификации js. -
Как лучше повторить и закрепить верстку?
Если есть деньги - платный курс по основам верстки - https://loftschool.com/course/html-css/
Если нет возможности купить - торренты (неэффективно). -
Как сверстать данный слайдер, слева текст, а справа картинка?
Используй любую библиотеку слайдеров, к примеру эту https://owlcarousel2.github.io/OwlCarousel2/
В ней можно сделать блоки, какие тебе нужны, в блоке слайдера, к примеру так:<div class="owl-carousel"> <div><div>Текст</div><div>Картинка</div></div> </div> -
Почему не работает миксин sass?
Пиши @include mobile() и все будет работать.
P.S. еще проверь пути, ты обращаешься к 'mixins', а нужно '_mixins.scss'
- 1
- 2
- Следующие →