Все сервисы Хабра

Сообщество IT-специалистов

Ответы на любые вопросы об IT

Профессиональное развитие в IT

Удаленная работа для IT-специалистов

Рейтинг IT-брендов 2020
Войти на сайт
  • Все вопросы
  • Все теги
  • Пользователи

Хабр Q&A — вопросы и ответы для IT-специалистов

Получайте ответы на вопросы по любой теме из области IT от специалистов в этой теме.

Узнать больше
другие проекты хабра
  • Хабр
  • Карьера
  • Фриланс
Задать вопрос
mtvphnx

Матвей Феникс

Двигаю пиксели, играюсь со шрифтами
  • 22
    вклад
  • 8
    вопросов
  • 37
    ответов
  • 46%
    решений
Ответы
  • Информация
  • Ответы
  • Вопросы
  • Комментарии
  • Подписки
  • Нравится
  • Достижения
  • Как доработать маску для номера input?

    mtvphnx
    Матвей Феникс @mtvphnx
    Двигаю пиксели, играюсь со шрифтами
    1) Сделай переменную не с id, а со всеми input типа "tel" - ("input[type='tel']")
    2) Пробегись по массиву таких элементов и всем навесь обработчики
    Ответ написан 28 июн. 2020
    Комментировать
    Нравится Комментировать
  • Как изменить класс у шапки при скролле FullPage.js?

    mtvphnx
    Матвей Феникс @mtvphnx
    Двигаю пиксели, играюсь со шрифтами
    $(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');
            }
        }
    });
    Ответ написан более двух лет назад
    1 комментарий
    Нравится 1 комментарий
  • Не работает display: inline-block?

    mtvphnx
    Матвей Феникс @mtvphnx
    Двигаю пиксели, играюсь со шрифтами
    Допиши:
    li {
      display: inline-block;
    }

    inline-block не тому элементу указан
    Ответ написан более двух лет назад
    2 комментария
    Нравится 1 2 комментария
  • Как вставить элемент в рамку?

    mtvphnx
    Матвей Феникс @mtvphnx
    Двигаю пиксели, играюсь со шрифтами
    Именно такое решение, которое вы написали - самое простое и лучшее.
    Либо просто положили внутри relative блока-родителя дочерний блок с absolute и background белого цвета, либо сгенерировали его через псевдоэлемент :before.
    Ответ написан более двух лет назад
    2 комментария
    Нравится 2 комментария
  • Как сделать закрытие кастомного select по пустой области или по элементу?

    mtvphnx
    Матвей Феникс @mtvphnx
    Двигаю пиксели, играюсь со шрифтами
    Для того, чтобы вам помогли - выкладывайте код демки на 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
            }
        });
    });
    Ответ написан более двух лет назад
    Комментировать
    Нравится Комментировать
  • Как сохранить value при ctrl+S страницы сайта?

    mtvphnx
    Матвей Феникс @mtvphnx
    Двигаю пиксели, играюсь со шрифтами
    Никак :)
    Ответ написан более двух лет назад
    1 комментарий
    Нравится 2 1 комментарий
  • Почему не устанавливается npm i?

    mtvphnx
    Матвей Феникс @mtvphnx
    Двигаю пиксели, играюсь со шрифтами
    Если такое случилось - просто нажми ctrl + c и выполни команду повторно. Если не помогает - перезагрузи bash.
    Ответ написан более двух лет назад
    4 комментария
    Нравится 1 4 комментария
  • Валидация формы: как правильно реализовать проверку пароля?

    mtvphnx
    Матвей Феникс @mtvphnx
    Двигаю пиксели, играюсь со шрифтами
    Если есть доступ к jquery - то лучший вариант это jquery validation.
    Вот пример реализации, там есть как раз такой функционал для паролей https://github.com/mtvphnx/hate-jquery-validation

    Как узнать что поля принадлежат одной и той же форме? Уникализируйте формы (id, class, attr).
    Ответ написан более двух лет назад
    Комментировать
    Нравится 1 Комментировать
  • Информация из Input'ов в переменные.?

    mtvphnx
    Матвей Феникс @mtvphnx
    Двигаю пиксели, играюсь со шрифтами
    1) Не должно быть на странице элементов с одинаковыми id.
    2) Оберни все в форму.

    И сделай:

    https://codepen.io/matvey-phoen1x/pen/pxqKLv
    Ответ написан более двух лет назад
    2 комментария
    Нравится 1 2 комментария
  • Верстка - reset.css и normalize.css. А можно ли использовать и то, и другое сразу? Сначала reset.css подключить, а потом normilize.css?

    mtvphnx
    Матвей Феникс @mtvphnx
    Двигаю пиксели, играюсь со шрифтами
    Да, можно.
    Ответ написан более двух лет назад
    Комментировать
    Нравится Комментировать
  • Как реализовать такой слайдер?

    mtvphnx
    Матвей Феникс @mtvphnx Автор вопроса
    Двигаю пиксели, играюсь со шрифтами
    Готовое решение:
    https://codepen.io/matvey-phoen1x/pen/pxpNPo
    Ответ написан более двух лет назад
    Комментировать
    Нравится 1 Комментировать
  • В чем ошибка git clone?

    mtvphnx
    Матвей Феникс @mtvphnx
    Двигаю пиксели, играюсь со шрифтами
    Ваших ключей ssh нет на сервере, поэтому прерывается клонирование.
    Ответ написан более двух лет назад
    9 комментариев
    Нравится 9 комментариев
  • В какой программе открывать файлы psd для верстки?

    mtvphnx
    Матвей Феникс @mtvphnx
    Двигаю пиксели, играюсь со шрифтами
    Самые удобные - это Avocode https://avocode.com/ и Zeplin https://zeplin.io/
    Ответ написан более двух лет назад
    Комментировать
    Нравится Комментировать
  • Как выровнять span по центру относительно родителя?

    mtvphnx
    Матвей Феникс @mtvphnx
    Двигаю пиксели, играюсь со шрифтами
    Так? https://codepen.io/matvey-phoen1x/pen/XxprQd
    Ответ написан более двух лет назад
    Комментировать
    Нравится 1 Комментировать
  • Почему пропадает фоновый цвет части навигации?

    mtvphnx
    Матвей Феникс @mtvphnx
    Двигаю пиксели, играюсь со шрифтами
    5bb7d0cf5641e136510770.jpeg

    Вот так? :)
    Ответ написан более двух лет назад
    3 комментария
    Нравится 3 комментария
  • Sourse map для gulp, как правильно собрать файлы less в main.css чтобы в браузере просматривать исходники?

    mtvphnx
    Матвей Феникс @mtvphnx
    Двигаю пиксели, играюсь со шрифтами
    Пример с 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/...
    Ответ написан более двух лет назад
    8 комментариев
    Нравится 8 комментариев
  • Как сделать task компиляции js правильно?

    mtvphnx
    Матвей Феникс @mtvphnx
    Двигаю пиксели, играюсь со шрифтами
    Вот пример моей сборки https://github.com/mtvphnx/gulp-start. Там есть раздел для слежения за изменениями и перезагрузки.

    Сам вотчер:
    function watch() {
        gulp.watch('путь', 'таск');
    }


    Командой start запускаем сборку, после того, как сборка прошла - запускается вотчер и сервер, если вотчер увидел изменения в папке, за которой мы следим - выполняется нужный таск, к примеру для минификации js.
    Ответ написан более двух лет назад
    4 комментария
    Нравится 1 4 комментария
  • Как лучше повторить и закрепить верстку?

    mtvphnx
    Матвей Феникс @mtvphnx
    Двигаю пиксели, играюсь со шрифтами
    Если есть деньги - платный курс по основам верстки - https://loftschool.com/course/html-css/
    Если нет возможности купить - торренты (неэффективно).
    Ответ написан более двух лет назад
    3 комментария
    Нравится 3 комментария
  • Как сверстать данный слайдер, слева текст, а справа картинка?

    mtvphnx
    Матвей Феникс @mtvphnx
    Двигаю пиксели, играюсь со шрифтами
    Используй любую библиотеку слайдеров, к примеру эту https://owlcarousel2.github.io/OwlCarousel2/
    В ней можно сделать блоки, какие тебе нужны, в блоке слайдера, к примеру так:
    <div class="owl-carousel">
      <div><div>Текст</div><div>Картинка</div></div>
    </div>
    Ответ написан более двух лет назад
    9 комментариев
    Нравится 9 комментариев
  • Почему не работает миксин sass?

    mtvphnx
    Матвей Феникс @mtvphnx
    Двигаю пиксели, играюсь со шрифтами
    Пиши @include mobile() и все будет работать.

    P.S. еще проверь пути, ты обращаешься к 'mixins', а нужно '_mixins.scss'
    Ответ написан более двух лет назад
    Комментировать
    Нравится Комментировать
Оценили как «Нравится»
  • 1
  • 2
  • Следующие →
Самые активные сегодня
  • SoreMix
    SoreMix
    • 12 ответов
    • 0 вопросов
  • sergiks
    Сергей Соколов
    • 7 ответов
    • 0 вопросов
  • firedragon
    Владимир Коротенко
    • 7 ответов
    • 0 вопросов
  • DevMan
    DevMan
    • 6 ответов
    • 0 вопросов
  • delphinpro
    Сергей delphinpro
    • 5 ответов
    • 0 вопросов
  • freeExec
    freeExec
    • 4 ответа
    • 0 вопросов
  • © Habr
  • О сервисе
  • Обратная связь
  • Блог

Войдите на сайт

Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации