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

Николай

Ответы пользователя по тегу HTML

  • Стоит ли изучать Gulp если все делает prepros?

    @healqq
    Не стоит тратить свои нервы и время, разворачивая dev на винде.
    Вам нужно почитать о контейнерах и виртуальных машинах. Варианты:
    1. Vagrant
    2. Docker
    Внутри контейнера/виртуальной машины на linux всё будет работать намного стабильнее. При этом код вы всё ещё сможете писать в удобной для вас среде.
    Gulp/grunt могут делать восхитительные вещи, которые экономят кучу времени. ( Я лично пользуюсь grunt'ом)
    Сборка разных версий приложения(dev, test, prod) ,запуск тестов, on-the-fly компиляция scss и чего угодно, создание растровых и векторных спрайтов - лишь малый список того, что можно ими делать ) Большая, живая экосистема с кучей расширений на все случаи жизни, довольно удобная конфигурация.
    Ответ написан
    Комментировать
    Комментировать

  • Как показывать случайный текст в div по нажатию на кнопку?

    @healqq
    Вообще, если стихов(фраз) не очень много - можно обойтись и без PHP и базы данных. Просто положить данные в json файле. А в javascript его загрузить и выводить то, что надо.
    Структура файла может быть например такой:
    {
  [
    {
        author: "Пушкин",
        texts: [ 'text1', 'text2', .....],
    },
    {
        author: "Лермонтов",
        texts: [ 'text3', 'text4', .....],
    }
  ]
}

    Чтобы выставить случайный текст - можно просто генерировать случайное число из отрезка [0, texts.length-1].
    Вообще - можно разделить стихи по авторам - то есть 1 автор - 1 файл. Всё зависит от вашей конечной цели.
    Ответ написан
    5 комментариев
    5 комментариев

  • Как сделать данный код рабочим?

    @healqq
    У вас есть код, отвечающий за событие клика - вот он:
    $('[data-toggle]').click(function () {
        var toggle_el = $(this).data('toggle');
        $(toggle_el).toggleClass('open-sidebar');
    });

    Он для всех элементов, содержащих аттрибут data-toggle добавляет обработчик события click, в котором ищется элемент, определяемый селектором указанным в значении атрибута. И затем этому объекту добавляется или убирается класс. Для того, чтобы у вас всё работало надо добавить в html коде аттрибут data-toggle со значением .container.
    Вот так:
    <div class='description' data-toggle='.container'>
</div>

    Вообще не очень понятно, зачем вам такая сложная система для определения элемента, который нужно сворачивать/разворачивать.
    Ответ написан
    6 комментариев
    6 комментариев

  • Как сделать анимированную фильтрацию с помощью jquery как в примере внутри?

    @healqq
    Принцип довольно простой. Если обратить внимание на разметку страницу то видно, что эти блоки расположены абсолютно. При смене фильтра вы считаете новые положения для всех блоков, после этого вам остается лишь сделать анимацию через css transitions или через jquery.animate, как вам больше нравится. То есть, если блок остался - он едет от старого места на новое. Если блок новый - он просто получает анимацию расширения
    Ответ написан
    1 комментарий
    1 комментарий

  • Покритикуйте верстку, какие в ней есть ошибки?

    @healqq
    1. Меню по кнопке справа сверху при небольших(600-900px по ширине) расширениях не поверх всего.
    2. text-shadow очень мешает читать текст. Либо убрать его, либо сделать более ярким сам текст.
    3. В карусельке с отзывами текст заезжает под контролы при небольших расширениях.
    4. Не хватает ховеров (например как на GET REWARDED) на пунктах меню сверху.

    А вообще очень даже неплохо.
    Ответ написан
    1 комментарий
    1 комментарий