Задать вопрос
  • Есть 3 блока идущих по горизонтали,как 2 из них сделать по вертикали?

    @sdgroup14
    Грид не кроссбраузерный... лучше сделать последний элемент абсолютом а 2 flex или float или inline-block. все зависит от задачи. Мой совет абсолютом. Кстати ljutaev указал почти верное решение. :) только flex-direction не row a column если можно ограничить высоту... первые 2 друг под другом а 3тий в новой строке на 100% высоты. Опять же все зависит от задачи. Можно и без грид обойтись

    https://codepen.io/sdgroup14/pen/KeGQvp?editors=1100
    Ответ написан
    Комментировать
  • Как закрыть модальное окно при клике по экрану?

    @sdgroup14
    На работоспособность не проверял, но логика такая... Чтоб проверить по клику на сайт, что таргетом не является ваша кнопка и модалка

    <style>
    .modal {
      display: none
    }
    
    .modal.__show{
      display: block
    }
    </style>
    <button type="button" class="btn">toggle Modal</button>
    
    <div class="modal" >Modal text</div>


    $('.btn').on('click', function(){
      $('.modal').toggleClass('__show');
    })
    
    $('body').on('click', function(e){
      if(e.target !== $('.modal') && e.target !== $('.btn') && $('.modal').hasClass('__show') ){
        $('.modal').removeClass('__show');
      }
    })
    Ответ написан
  • Почему transition работает не правильно с outline?

    @sdgroup14
    потому что если я не ошибаюсь оутлайн является "косвенно" стилем... цвет выделения инпута и т.д. к нему транзишн не применяется. хотите красивый оутлайн - делайте через бордер
    Ответ написан
    Комментировать
  • Неправильно отсчитывает высоту элемента при загрузке страницы?

    @sdgroup14
    вот вопрос ваш понятен, а вот исход не логичен. У вас высота активного блока динамическая? если да, то ок, а если нет, то зачем вы 3 раза переопределяете высоту.... Вы очень код свой засоряете....
    Для начала создайте нам плункер, чтоб мы увидели, зачем вы 3 раза определяете переменную для высоты, и задаете ее :)

    я бы на вашем месте создал function getHeight(){} ..... а потом ее обьявлял и в ресайзе и в клике... А пример нам обязательно нужен потому что с вашего вопроса и кода должно все работать верно... Может что то стороннее мешает или что то вы не учли
    Ответ написан
    5 комментариев
  • Почему top: -50px не работает на safari iOS?

    @sdgroup14
    вообщем IOS моя любимая тема... Запомните IOS строгой типизации. Видимо у top не бывает значений отрицательных. Такой же прикол у меня был с кнопкой в виде div через js click. Клик на див не работал пока я не указал в стилях этому диву cursor: pointer.... Вот такие костыли с IOS попробуйте использовать transform: translateY(-50px); вместо top
    Ответ написан
    Комментировать
  • Как реализовать автоматический "перевод" кода из SCSS в CSS?

    @sdgroup14
    https://www.npmjs.com/package/gulp-sass

    вот посмотрите. Я бы вам все таки делать через консоль. Есть на это даже очень положительные причины!
    Я уже 2 года пишу на scss и настроил gulp под себя очень даже удобно.
    Самый главный плюс(для меня) работы через консоль, так это можно грубо сказать - дебаггинг. Я настроил свою сборку так, что если у меня ошибка в компиляции у меня вылетает окно с файлом в котором произошла ошибка и в строке.... это работает через gulp-notif.... в любой ОС. Во вторых консолью нужно учиться/пользоваться обязательно потому что помимо компиляции в css вам нужно делать production версию ваших стилей.... Я уже не говорю о остальных языках
    Ответ написан
    Комментировать
  • Почему возвращаеться объект?

    @sdgroup14
    я так подозреваю что вы у какого то блочного или инлайн элемента хотите вытащит текст или что то в этом духе. В вашем случае у div $('.text') val не существует. val существует у таких элементов как textarea и т.д... вам нужно $('.text').text(), во вторых почитайте jquery и его возможности .... у вас когда нибудь будут сложные задачи и вы будете писать много много кода parent parent parent - пользуйтесь .closest() - это самый ближайший родитель.... Чтоб не дублировать код....
    Ответ написан
    Комментировать
  • Как растянуть прелоадер с svg?

    @sdgroup14
    если я правильно понял. Вы хотите прелоадер тоже на всю высоту экрана.
    во первых, для svg не достаточно в css задать высоту и ширину или fill и т.д. Основную роль играют атрибуты, у вас в svg атрибутах max-height 100%, a rect 100px.
    но это еще пол беды, там еще есть атрибут viewBox - это тоже касается размеров :).
    Я бы вам сделал, если б знал что нужно, но мой вам совет почитайте хорошо про svg....
    Я лично настроил gulp таску которая полностью чистит svg обьект атрибуты фил строук ширину высоту и потом после добавляю ему стили
    Ответ написан
  • .length не видит li на странице?

    @sdgroup14
    он у вас и не будет работать. Во первых Я бы вам советовал почитать про область видимости переменных. Либо вы не правильно сформулировали вопрос. Либо я его не могу понять :) вы поставили setInterval через каждую секунду. он будет показывать одно и тоже значение.. Он не будет ее определять ее динамически. Опишите подробнее задачу, потому что с этого куска кода не понятно какую логику вы хотите организовать. В вопросе одно а в скрипте другое :)
    Ответ написан
    Комментировать