ES2016, React, Redux, Knockout, also a little Python.
Контакты

Достижения

Все достижения (3)

Наибольший вклад в теги

Все теги (50)

Лучшие ответы пользователя

Все ответы (141)
  • С какого действия начинается вёрстка сайта?

    fnnzzz
    @fnnzzz
    front-end dev
    body: { color: red }
    радуешься, что все работает
    Ответ написан
    Комментировать
  • Где лучше всего подключать js?

    fnnzzz
    @fnnzzz
    front-end dev
    подключают в основном в конце body, потому что важно сохранить последовательность загрузки и выполнения скриптов, например jquery, а потом какой-нибудь common.js, который юзает jquery.
    + в таком случае загрузка скриптов начнется уже в самом конце, когда пропарсился html.
    Т.е. допустим у вас в head есть скрипт, который весит ~10мб, но он defer и не критикал (тобишь его можно потом догрузить лениво), в таком случае он начнет сразу грузится, а парсинг хтмл продолжится дальше, далее у вас в хтмл встречаются другие картинки, медиа-файлы и т.д. - но если у вас слабое соединение, то весь канал будет съедаться этим скриптом.

    но в целом, если у вас стоит аттрибут - defer или async, то в принципе не важно куда вы подключите ваш script.

    вот схемка разных вариантов подключения скрипта:
    https://hospodarets.com/img/blog/14828583238612140...
    Ответ написан
    5 комментариев
  • Как отключить скролл мыши на яндекс карте?

    fnnzzz
    @fnnzzz
    front-end dev
    можно просто переключать pointer-events.
    Как-то так, например:
    demo
    <div style="height: 2000px; width: 400px; margin: 0 auto;" id="map-wrap">
                <iframe style="pointer-events: none;" src="https://yandex.ru/map-widget/v1/?um=constructor%3Ac94e45d7f53bf7d35e1ae3e4946b0966305666753488de23effbc47e7d2d337f&amp;lang=ru_RU&amp;scroll=false&amp;source=constructor" width="100%" height="100%" frameborder="0"></iframe>
            </div>


    document.addEventListener('click', function(e) {
                    var map = document.querySelector('#map-wrap iframe')
                    if(e.target.id === 'map-wrap') {
                        map.style.pointerEvents = 'all'
                    } else {
                        map.style.pointerEvents = 'none'
                    }
                })
    Ответ написан
    5 комментариев
  • Какими инструментами быстрее, проще и правильнее разрабатывать и собирать front end (верстка+wordpress)?

    fnnzzz
    @fnnzzz
    front-end dev
    webpack в твоем случае будет излишним, имхо.
    если вебпак, то можно юзать create-react-app, для того, чтобы что-то быстро напрототипировать - там уже готовый/настроенный/поперченный вебпак с hot module replacement.

    в обычных случаях (вроде натянуть верстку на вордпресс или django), я как правило, юзаю галп с лайврилоадом, который однажды настроил и забыл - по-моему лучшее решение. Можешь как написать конкретно под свои нужды сеттинг, либо же найти готовый.
    могу поделиться своим - https://github.com/fnnzzz/gulp-config

    для каких-то совсем простых штук - можно юзать прямо npm-скрипты: https://gist.github.com/fnnzzz/f90304458ee24307a3d...

    что касается других инструментов:
    раньше долго сидел на саблайме с зоопарком плагинов (emmet, всякое для синтаксиса, сниппеты и пр.), недавно пересел на webstorm и доволен (особенно радует синхронизация настроек через репозиторий)

    из препроцессоров юзаю только SCSS + бэм, но бэм использую малость кастомизированный с модификаторами через минус (читать тут - frontender.info/bem-sass-modifiers/)

    но если честно, не надо сильно загоняться - выбирай инструменты, которые удобны тебе и не обращай внимание на хайповость.
    Ответ написан
    8 комментариев
  • Проблема привязки репозитория bitbucket?

    fnnzzz
    @fnnzzz
    front-end dev
    сначала сделай:
    ssh-add -l

    создать файлик config
    ~/.ssh/config

    и укажи хост и ключик для него
    Host bitbucket.org
        IdentityFile ~/.ssh/my_key_filename


    дальше идешь по ssh и все должно быть ок
    ssh -Tvv git@bitbucket.org
    Ответ написан
    Комментировать

Лучшие вопросы пользователя

Все вопросы (2)