Ответы пользователя по тегу HTML
  • Как выровнять стрелки?

    @rudants
    Front-end разработчик
    Вот исходя из того варианта, который указан в вопросе:
    Ответ написан
    Комментировать
  • Как связать чексбокс с лейблом?

    @rudants
    Front-end разработчик
    Необходимо показывать скрытый лейбл в зависимости от текущего состояния чекбокса.
    Пример: https://jsfiddle.net/vgpkcsqj/
    Ответ написан
    2 комментария
  • Почему не выполняется команда gulp?

    @rudants
    Front-end разработчик
    Ошибка в .sass файле по пути: "src/sass/main.sass" в 1-ой строке.
    Ответ написан
    2 комментария
  • Заработок на вёрстке?

    @rudants
    Front-end разработчик
    Что за бредовые подсчеты знаний в процентном соотношении? Не занимайтесь ерундой, прекратите выдумывать эти мнимые значения - это невозможно подсчитать.
    Пришли сюда за советом и помощи ищете? Постараюсь помочь:
    1. Для начала, снизьте свои требования и ожидания от фриланса. Никто вам не будет платить и 2$/час на биржах. Вы не имеете опыта, не работаете с современными технологиями, нет портфолио, не умеете подстраиваться под других людей, и т.д.
    2. Если что-то делаете - делайте нормально. Не нужно делать глупых умозаключений, что портфолио можно набить мусорными работами, найденными в интернете. Да, можно. А теперь спросите себя - нормально ли это? Если вы уже на старте пытаетесь сделать плохо? Тех, кто делает работу плохо предостаточно, а вот хороших, ответственных и грамотных специалистов - мало. Вторых хотят везде и спрос на них бесконечно велик. К кому хотите относиться?
    3. Нарабатывайте портфолио. Не надо на начальных этапах гнаться за деньгами, на первых порах нужно набираться опыта, развивать навыки и очень много учиться. Делайте работу и просите, чтобы ее оплатили в таком размере, в каком заказчик посчитает нужным.
    4. Верстать нужно много, не стоит лениться набирать код руками, даже если уже есть готовое решение и его можно скопировать. Лучше будете запоминать, быстрее соображать и научитесь быстро шлепать пальцами по клавиатуре.
    5. Нужно много учиться, но при этом не распыляться. Я уже заметил, что вы с одного на другое перепрыгивать любите. То верстку, то программирование изучаете. Остановитесь на чем-то одном для начала, и когда будете чувствовать, что получается одно, то можно и другое будет начать.
    6. Научитесь подстраиваться под других. Не надо думать, что вы самый классный и самый нужный - это не так. Вас легко заменить. Если вам говорят, что есть работа здесь и сейчас - соглашайтесь, это ваши перспективы и ваша возможность заработать. Если говорят, что готовы помочь прямо сейчас - ищите возможность получить ее, это нужно только вам, потом такой возможности может и не быть. Хотите развиваться как специалист - много работайте и научитесь лишать себя удовольствий. Если не научитесь - будете нытиком-ремесленником всю жизнь, который оправдания на все неудачи в ком-то ищет, а не в себе.

    Ну и самое главный совет - забить на фриланс. Это рутина, от которой стремиться уйти любой нормальный человек. Фриланс - это работать 24 часа в сутки, самостоятельно дисциплинировать себя и формировать график индивидуально. Хотите расти и зарабатывать - ищите место, где вас примут в штат и будут готовы обучать.
    Ответ написан
    Комментировать
  • Как добавить уведомление?

    @rudants
    Front-end разработчик
    У плагина есть событие "success" - https://github.com/zenorocha/clipboard.js#events
    При успешном копировании выводит что хочешь (к примеру, через alert() или jGrowl)
    var clipboard = new Clipboard('.btn-clipboard');
    
    clipboard.on('success', function(e) {
        //На примере jGrowl
        $.jGrowl("Текст уcпешно скопирован!");
    
        e.clearSelection();
    });
    
    clipboard.on('error', function(e) {
         //На примере jGrowl
        $.jGrowl("При копировании текста произошла ошибка");
        console.error('Action:', e.action);
        console.error('Trigger:', e.trigger);
    });
    Ответ написан
    8 комментариев
  • Какой слайдер лучше?

    @rudants
    Front-end разработчик
    Ответ написан
    Комментировать
  • Что не так с адаптивностью сайта?

    @rudants
    Front-end разработчик
    Все ошибки ищи в консоли: prntscr.com/e0c38y
    Пропиши очевидно для своих стилей атрибут type

    И убери плагин "Prefix Free", он тебе стили переписывает. Префиксы подставляй через gulp.js + gulp-autoprefixer
    Ответ написан
    Комментировать
  • Как сделать подобный блок?

    @rudants
    Front-end разработчик
    Плавное появление блока делается при помощи setInterval.
    Ответ написан
  • Как с помощью JS найти div и изменить его свойства?

    @rudants
    Front-end разработчик
    Вот:
    var dq = document.getElementById("dq");
    var dqChildren = dq.querySelectorAll("div");
    
    for(var i=0; i<dqChildren.length; i++){
    	//Изменить свойства каждого блока внутри #dq
    }

    Или если внутри #dq будут какие-то блоки, кроме тех, в которых есть "dq":
    var dq = document.getElementById("dq");
    var dqChildren = dq.querySelectorAll("div");
    
    for(var i=0; i<dqChildren.length; i++){
       if((dqChildren[i].id).indexOf("dq") == 0){
       	dqChildren[i].style.display="none";
       }
    }
    Ответ написан
  • Как сделать спрайт для Retina с помощью gulp.spritesmith?

    @rudants
    Front-end разработчик
    Нужно создать два набора изображений разного размера (задать маленьким иконкам вручную нужный размер в каком-нибудь графическом редакторе или же автоматизировать при помощи gulp-sharp, к примеру).
    После чего использовать параметры retinaSrcFilter, retinaImgPath и retinaImgName в gulp.spritesmith.
    Вот гайд, в котором все разжевано - ссылка.
    Ответ написан
    1 комментарий