Контакты
Местоположение
Россия, Краснодарский край, Краснодар

Достижения

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

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

Все теги (26)

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

Все ответы (83)
  • Как сделать, чтобы div подстроился под высоту окна браузера?

    @IoannGrozny
    Front-end разработчик
    Зависит от контекста. Для современных браузеров подойдёт решение с CSS3 единицами 'vh';
    Для старых браузеров придётся задействовать javascript и отслеживать высоту экрана.
    caniuse.com/#feat=viewport-units - первый вариант, height: 100vh соответствует высоте окна браузера.
    https://api.jquery.com/height/ - второй вариант, $(window).height вернёт высоту окна браузера.
    По первому варианту:
    #hei {
        height: 100vh; /* 100vh - 100% от высоты viewport(окна браузера) */
    }

    По второму варианту:
    function setHeiHeight() {
        $('#hei').css({
            height: $(window).height() + 'px'
        });
    }
    setHeiHeight(); // устанавливаем высоту окна при первой загрузке страницы
    $(window).resize( setHeiHeight ); // обновляем при изменении размеров окна
    Ответ написан
    8 комментариев
  • Как удалить динамически созданный элемент jquery?

    @IoannGrozny
    Front-end разработчик
    Во-первых, если вы создаёте множество динамических элементов, не используйте в них id и не ссылайтесь на них по id. Селектор по id выбирает только первый элемент из списка, потому что такой элемент должен быть один.
    Во-вторых, метод .click() не работает с динамически добавленными элементами. Поэтому событие вешается только на тот элемент, который уже был на странице. Навешивайте обработчик события методом .on() на элемент html. Это проделегирует обработчик на все элементы, указанные в качестве контекста, включая те, что были созданы динамически.
    Суммируем:
    <span class="addField add">
        <i class="icon"></i>Добавить
    </span>
    <div class="inputs">
        <div>
            <input type="file" name="dynamic[]" class="field" > 
            <span class="remove">Удалить</span>
        </div>
    </div>

    $(document).ready(function () {
        $('html').on('click','.add',function () {
            $('<div><input type="file" class="field" name="dynamic[]" /><span class="remove">Удалить</span></div> ').fadeIn('slow').appendTo('.inputs');                                
        });
        $('html').on('click','.remove', function () {                               
            $(this).parent().remove();    
        });
    });
    Ответ написан
    Комментировать
  • Есть ли в природе обширная книга по front end разработке?

    @IoannGrozny
    Front-end разработчик
    От А до Я - нету. Это бы получился многотомник покруче БСЭ или Полного собрания сочинений В.И.Ленина. Современный фронтэнд - огромнейшее поле. HTML, CSS, JS, JS библиотеки, JS фреймворки, CSS фреймворки, HTML-препроцессоры, CSS-препроцессоры, MVC фреймворки, SVG, HTML5 API, разметка шаблонов для разных серверных языков (Java,ASP,..), CMS, JS плагины, task-менеджеры, микроразметка и многое другое. При этом фронтэнд может выводиться на огромной массе устройств - от компьютеров и мобильных телефонов, до холодильников и телевизоров. А теперь помножьте это на огромное количество несовместимостей и специфичных багов, которые исправляются кучей хаков, фоллбеков и полифиллов. В одной книжке это точно не уместить. Постигайте всё на практике, спрашивайте здесь и на stackoverflow, читайте тематические форумы. В книгах только основы, без которых не обойтись.
    Ответ написан
    3 комментария
  • Из-за чего в мобильном браузере может меняться размер шрифта?

    @IoannGrozny
    Front-end разработчик
    Не уверен точно, но возможно поможет выставление для body вот этого свойства: -webkit-text-size-adjust: 100%;
    Ответ написан
  • Что за CSS хаки вида: ":before {content: ""}..."?

    @IoannGrozny
    Front-end разработчик
    такой clearfix служит не для запрета обтекания, а для фикса размеров элемента, который содержит float потомков.
    благодаря этому хаку элемент растянется на максимально возможную высоту(например высоту самого высокого элемента-потомка), и ширину(если элемент inline-block или float).
    Ответ написан
    Комментировать

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

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