• Использовать Bootstrap или нет для серьёзного проекта?

    zooks
    @zooks
    Frontend
    Bootstrap — дешевка. Собственно если серьезный проект не опасается выглядеть дешевкой, то можно смело использовать. Лично я бы выбрал SASS + БЭМ.
    Ответ написан
    3 комментария
  • Использовать Bootstrap или нет для серьёзного проекта?

    Wolfnsex
    @Wolfnsex Куратор тега CSS
    Если не хочешь быть первым - не вставай в очередь!
    Сам не люблю Bootstrap особо

    За примерно лет 10, что мне приходится работать с вёрсткой, бутсрап я очень люблю, особенно для админок хорош. Как с версии 2 с ним познакомился, так до сих пор 80% админок на нём.

    + хочу использовать методологию наименования БЭМ,
    Даже не буду у Вас спрашивать, зачем?

    Или же проще написать с нуля всё?
    Это конечно очень индивидуально, так же как понятие "серьёзный проект" - весьма субъективно и у каждого исключительно своё. Но лично в моей голове, словосочетания "серьёзный проект" и "бутстрап для не-админки" вяжутся плохо. Одно время, я пытался исследовать популярность тех или иных подходов к работе (от визуальных редакторов HTML, до шаблонизаторов и препроцессоров). Результат был удручающим, большинство пользуется тем или иным инструментом не по тому, что он удобнее и сокращает время на разработку, а потому, как не хотят учиться и не редко, по другому делать просто не умеют.

    Это как с CMS, проблема не в самих CMS, а в том, что большинство из тех, кто с ними работает, по другому просто не умеют и не знают как, и выбирают CMS т.к. это путь наименьшего сопротивления.

    Лично для меня, словосочетание "серьёзный проект" сопряжено с понятием "нормальный бюджет". То есть, это тот проект, который нужно сделать "как положено", а не слепить из разных сортов фекалий, а потом думать, что со всем этим делать. И раз Вы берётесь за "серьёзный" проект, то Вы серьёзно должны знать все особенности бутстрапа и всю подноготную проекта, за который берётесь. В этом случае, ответ на тему того, насколько бутстрап сократит время на реализцию тех или иных задач, и чем его применение в итоге будет грозить - становиться очевиден. Точнее Вам никто не скажет, т.к. кроме Вас пока макетов никто не видел.

    Конкретно для меня, в большинстве случаев, за пределами админки, бутстрап создаёт куда больше проблем, чем приносит пользы. Я не испытываю сложностей с тем, что бы потратить лишние 30 минут на вёрстку страницы и отрисовать все элементы, как нужно мне и так, как задумал дизайнер, вместо того, что бы потом потратить 30 часов на попытки переделать "то, что получилось" попутно выдирая волосы на разных частях тела и проклиная день, когда я решил воткнуть невтыкуемое.

    P.S. Ещё раз хочу обратить Ваше внимание, на то, что бутстрап может идеально подойти для определённого круга задач, макетов, решений и т.д. Но так как никакой конкретики на данный момент нет, ответить на Ваш вопрос более внятно - довольно сложно.
    Ответ написан
  • Что именно лучше использовать из БЭМ?

    movasyl
    @movasyl
    semper tiro
    Сам подход фулл стека мне очень нравится но реализация на тройку ИМХО. Пллюс документация оставляет желать лучшего. Я использую подход но на основе pug + набор тасков TARS.

    И вообще мне кажется, что ребята с Яндекса немного подзабили на поддержку опенсорсного проекта. Та система сборки, которая представленна на bem.info хорошенько устарела.
    Ответ написан
    2 комментария
  • Можно ли в браузере iPhone при прокрутке до низа страницы запретить скролл дальше?

    @KzLIFE
    Есть вариант сделать фиксированным body или контейнер родителя.
    <body style="position:fixed; left:0; top:0; right:0; bottom:0">
    </body>


    Или отлавливать событие onscroll и сравнивать размер страницы, если размер скрол превышает размер страницы то выполнить event.preventdefault()
    Ответ написан
  • Не работает рекурсия, не могу понять почему?

    Rsa97
    @Rsa97
    Для правильного вопроса надо знать половину ответа
    Жуть.
    Во-первых, как отметил Александр Коротаев, название функции надо передавать без кавычек, либо в кавычках, но тогда со скобками "changeIconChat()".
    Во-вторых, для повторяющихся вызовов есть отдельная функция setInterval.
    В третьих, для проверки наличия класса есть функция hasClass.
    В четвёртых, вы в цикле для каждого класса, не являющегося 'gray' добавляете класс 'gray', в результате если установлен только класс 'gray', то при первом вызове он удалится и в следующий раз цикл вообще ни разу не выполнится. А если есть хоть один класс, кроме 'gray', то класс 'gray' будет устанавливаться на каждой итерации цикла и сниматься на последней итерации ('gray').
    function changeIconChat() {
        $('.chat').each(function() {
            if ($(this).hasClass('gray'))
              $(this).removeClass('gray');
            else
              $(this).addClass('gray');
        });
    }
    setInterval(changeIconChat, 2000);
    Ответ написан
    2 комментария
  • Не работает рекурсия, не могу понять почему?

    setTimeout(changeIconChat, 2000); надо вынести название функции из скобок
    Ответ написан
    Комментировать
  • Как реализовать текстовое поле со смайлами?

    SkiperX
    @SkiperX Куратор тега CSS
    обычный блок с contenteditable="true"
    Ответ написан
    Комментировать
  • Как реализовать текстовое поле со смайлами?

    @Sn0wSky
    Дак открыли бы devTools и посмотрели
    225I05X.png
    Ответ написан
    Комментировать
  • Как картинку, например 200*200px, вывести на сайте размером 100*100px?

    sakrab
    @sakrab
    Не будь побежден злом, но побеждай зло добром...
    img {
        width:100px;
        height:100px;
    }


    Не благодари!
    Ответ написан
    Комментировать
  • $APPLICATION->IncludeFile, как убрать вывод div'а?

    $APPLICATION->IncludeFile оборачивает всё в div только в 2 случаях.
    1. Включён режим правки
    2. Внутри подключаемого файла есть div
    Ответ написан
    Комментировать
  • Как вызвать или отменить метод по условию?

    DirecTwiX
    @DirecTwiX
    "display: flex;" уже предлагали?
    else $('#fullpage').fullpage.destroy();
    https://github.com/alvarotrigo/fullPage.js#destroytype
    Ответ написан
    Комментировать
  • Как вызвать или отменить метод по условию?

    @scalder27
    var fullpageActive = false;
    $(window).resize(function() {
        if ($(window).width() > 1100 && !fullpageActive) {
            $('#fullpage').fullpage({
                anchors: ['header', 'services-section', 'portfolio-section', 'blog-section', 'contact-section'],
                menu: '#menu',
                navigation: true,
                navigationPosition: 'right',
                navigationTooltips: [],
                responsiveWidth: 1100,
                scrollBar: true,
                normalScrollElements: '.section-five, .section-three',
                responsiveHeight: 769,
                fitToSection: false,
            });
    
            fullpageActive = true;
        } else if (fullpageActive) {
            $.fn.fullpage.destroy('all');
            fullpageActive = false
        }
    });
    Ответ написан
    2 комментария
  • Как сделать, чтобы плагин fullPage работал определенным образом, в зависимости от высоты?

    @janik_o1
    Учусь, sorry for my bad questions
    почитайте документацию , normalScroll = true , normalScroll element = some div
    Ответ написан
    Комментировать