Задать вопрос

NotADrugDealer

Лайки

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

    HelenStar
    @HelenStar
    Начинающий frontend
    Если кому интересно, решила все таким образом (это весь скрипт на работающее меню):

    $(window).bind('resize', function(){ 
    if ($(window).width() < 450) {
        $('.main-nav').css('display','none');
        $('body').append('<div class="overlay-3"></div>');
        $('.main-nav').addClass('fadeout'); 
        $('.overlay-3').addClass('fadeout');
        
    $('.mobile-nav-btn').on('click', function() {
        if ($('.main-nav').css("display") == "none") {
            $('.overlay-3').fadeIn(200);
            $('.main-nav').fadeIn(200);
        }    
    });
    
    $(('a.nav-link')).on('click touch', function() { 
        $('.overlay-3, .fadeout').fadeOut(); 
    }); 
    
    $('body').on('click', '.overlay-3', function(event) {
    event.preventDefault();
    $('.overlay-3, .main-nav').fadeOut(200);
    });  
} 
else { 
    if ($(window).width() > 450) { 
        $('.main-nav').css('display','block'); 
        $('.main-nav').removeClass('fadeout'); 
        $('.overlay-3').removeClass('fadeout');
        $('.overlay-3').remove();
        }
    }
}).trigger('resize');


    Только тут объединила все, что связано с мобильным меню в условие только для разрешений < 450px.

    В < 450 $('.main-nav').css('display','none') в начале добавлен для того, чтобы меню не оставалось открытым, если пользователь вдруг повернул экран и в уже не мобильном меню перешел по ссылке (при повороте у меня открывается декстопная версия сайта).

    В > 450 $('.main-nav').css('display','block') аналогично добавлен, чтобы меню не исчезало, если до этого было закрыто через оверлей.

    В общем, не знаю, насколько все грамотно или правильно сделано, но главное, работает. :-)

    P.S. за подсказку с добавлением класса fadeout и .trigger('resize') спасибо Антону. :-)
    Ответ написан
    Комментировать
    Комментировать

  • Что создать новичку для практики?

    sfi0zy
    @sfi0zy Куратор тега CSS
    Creative frontend developer
    https://codepen.io/pens/ - выбирайте демку и пробуйте сделать ее самостоятельно.
    Ответ написан
    6 комментариев
    6 комментариев

  • Книги, сайты, программы для изучения английского?

    google_online
    @google_online
    My morning begins with coffee and Twitter.
    Я советую Дуолингво и пароллельно Полиглот в VK. Italki - социальная сеть, советую, Quora тоже хоошая штука, в духе ответов на mail.ru, но шлака и тролинга там нет, хорощий, серьёзный сайт.
    Необходимо выучить хотя бы 100 неправильных глаголов и 100 часто встречающих прилогательных. Дальше всё само попрёт. Полиглот в VK кстати отличное приложение, но я заметил там несколько неправильных вариантов, но в целом это не значительно.
    Ответ написан
    Комментировать
    Комментировать

  • Как и чем быстрее всего начать зарабатывать на программировании/веб-программировании?

    @CAMOKPYT
    Забудь про фриланс, сколько бы про него не говорили, это биржа ДЕШЕВОЙ рабочей силы со всеми вытекающими последствиями в виде кидалова, низкой зп, скучной работы, туда идут люди с серьезными проблемами вроде невозможности перебраться в город, социопатии, инвалидности, "утонченная личность", фриланс это почти всегда вынужденная мера. Вообще фриланс и стабильный заработок несовместимые понятия, просто потому что фриланс подразумевает постоянный поиск мелкой работы, никакой заказчик не будет давать большой серьезный проект фрилансеру никогда, потому что это большая ответственность, посмотрите соседние вопросы, пацики с рейтами 150баксов в час работают 10 часов в месяц, а остальное время ищут заказы, причем это люди с опытом и портфолио + отличный английский. Начинать карьеру с фриланса это 100% гарантия того что, все что можно сделать неправильно (техническая сторона), будет сделано неправильно, потому что работает, дедлайн вчера, а подсказать или сделать код ревью некому, никакие книжки тут не помогут, выбора не будет, ты либо читаешь либо работаешь. Так что не советую ввязываться в эту тему. Лучше начать работы в офисе под строгим надзором. Ну и конечно html+css+js это мало, нужно знать еще около программисткие штуки вроде систем контроля версий, багтрекеры, несколько ide/ текстовых редакторов, если это веб почти гарантированно надо иметь представления о http/https, ООП, возможно sql. Не то чтобы для 20к месяц все это нужно отлично знать, но как минимум иметь представление, чтобы не отвлекаться. Вот по фронтэнду. Для большой гарантии устройства на работу, как уже сказали выше, лучше сделать себе сайт, а еще лучше сделать небольшое портфолио и выложить на гитхаб, это сейчас очень модно. На изучения всего вышеперечисленного уйдет 1-2 месяца если сидеть по 8-4 часа в день примерно, свой сайт где-то неделю на разработку визитки и еще неделя на вылизывание, но оно того стоит, а в процессе поиска работы можно и на гитхаб по чуть-чуть кидать, хотя вряд ли получится много. Удачи.
    Ответ написан
    8 комментариев
    8 комментариев