Все сервисы Хабра

Сообщество IT-специалистов

Ответы на любые вопросы об IT

Профессиональное развитие в IT

Удаленная работа для IT-специалистов

Войти на сайт
  • Все вопросы
  • Все теги
  • Пользователи

Хабр Q&A — вопросы и ответы для IT-специалистов

Получайте ответы на вопросы по любой теме из области IT от специалистов в этой теме.

Узнать больше
другие проекты хабра
  • Хабр
  • Карьера
  • Фриланс
Задать вопрос
zorro76

sergey

  • 258
    вклад
  • 187
    вопросов
  • 370
    ответов
  • 37%
    решений
Ответы
  • Информация
  • Ответы
  • Вопросы
  • Комментарии
  • Подписки
  • Нравится
  • Достижения
  • Как сделать скрипт универсальным к разным select?

    zorro76
    sergey @zorro76 Автор вопроса
    $(this).validate({
                    ignore: [],
                    invalidHandler: function() {
                        var errorList = '';
    
                        setTimeout(function(){
                            var errorList = $('select.error');
                            errorList.siblings().find('p').addClass('error');
    
                            errorList.change(function() {
                              errorList.siblings().find('p').removeClass('error');
                            });
                        },1);
                    }
                });
    Ответ написан 17 сент. 2020
    Комментировать
    Нравится Комментировать
  • Как откорректировать скрипт?

    zorro76
    sergey @zorro76 Автор вопроса
    $('.week-view .hour-grid .days .day').each(function () {
            const cell = $(this).find('.cell');
            
            for (let i = 0; i < cell.length; i++) {
                const eventsList = cell[i];
                const events = eventsList.children.length; // 2
    
                for (const event of eventsList.children) {
                    event.classList.add('overlap');
                }
                
                if (events > 1) {
                    for (let y = 0; y < events; y++) {
                        let left = 100 / events * y + '%';
                        let right = 100 - 100 / events * (y + 1) + '%';
    
                        console.log(left); //0%   // 50%
                        console.log(right); //50%  // 0%
    
                        $('.event-item.overlap').eq(y).css({
                            'left': left,
                            'right': right
                        });
                    }
                }
            }
        })
    Ответ написан 31 авг. 2020
    Комментировать
    Нравится Комментировать
  • Есть какой-либо удобный плагин для построения графиков?

    zorro76
    sergey @zorro76
    Amcharts просто бомбезные
    Ответ написан более двух лет назад
    Комментировать
    Нравится Комментировать
  • WebStorm автоматически переносит строки. Как исправить?

    zorro76
    sergey @zorro76
    где-то здесь - File / Settings / Editor / General - Use Soft wraps in Editor
    Ответ написан более двух лет назад
    5 комментариев
    Нравится 5 комментариев
  • Почему не работает autocomplete на class в HTML и CSS в WebStorm когда я ввожу название класса используя emmet?

    zorro76
    sergey @zorro76
    5b43cbbaf2773175511918.pngexsample
    Ответ написан более двух лет назад
    Комментировать
    Нравится 1 Комментировать
  • Как сделать ползунок?

    zorro76
    sergey @zorro76
    используйте ion.RangeSlider для этих целей

    посмотреть можно реализацию у меня на проекте: project в подборе товаров кликаем по Цена
    Ответ написан более двух лет назад
    2 комментария
    Нравится 1 2 комментария
  • Как сверстать такой инпут?

    zorro76
    sergey @zorro76
    завернуть input в div и к нему уже применять псевдоэлементы для отображения подписи сверху
    Ответ написан более двух лет назад
    Комментировать
    Нравится 1 Комментировать
  • Как перевернуть оси в графиках amcharts?

    zorro76
    sergey @zorro76 Автор вопроса
    "reversed": true
    Ответ написан более трёх лет назад
    Комментировать
    Нравится Комментировать
  • Как правильно подключить код SVG используя только CSS?

    zorro76
    sergey @zorro76
    Делаю всегда практически вот таким способом
    1) создаю спрайт, использую symbol
    <div style="display: none;">
        <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
            <symbol id="right-arr" viewBox="0 0 17 32">
                <g id="right-arr">
                    <line x1="16" y1="16" x2="1" y2="31"/>
                    <path d="M1,1"/>
                    <line x1="1" y1="1" x2="16" y2="16"/>
                </g>
            </symbol>
            <symbol id="left-arr" viewBox="0 0 17 32">
                <g id="left-arr">
                    <line class="cls-1" x1="1" y1="16" x2="16" y2="1"/>
                    <path class="cls-1" d="M16,31"/>
                    <line class="cls-1" x1="16" y1="31" x2="1" y2="16"/>
                </g>
            </symbol>
        </svg>
    </div>

    2) в разметке пишу:
    <svg class="icon-right-arr">
      <use xlink:href="#right-arr"></use>
    </svg>
    <svg class="icon-left-arr">
      <use xlink:href="#left-arr"></use>
    </svg>

    и вуаля, готово, можете воздействовать на Ваши иконки как угодно и где угодно с помощью css.
    Касательно простыни с спрайтом svg она под display: none; но если коробит восприятие можно и забросить куда -то на сервак и оттуда уже тянуть.
    Ответ написан более трёх лет назад
    1 комментарий
    Нравится 1 комментарий
  • Как сверстать такую таблицу? table или div?

    zorro76
    sergey @zorro76
    Можете еще поиграться с data-table
    Ответ написан более трёх лет назад
    Комментировать
    Нравится Комментировать
  • Как форматнуть дату в графике google charts?

    zorro76
    sergey @zorro76 Автор вопроса
    Решил проблему следующим образом (возможно и хардкорно, но работает):

    data.addRows([
            {% for stat in launched_product.get_all_statistic %}
                [new Date ({{ stat.timestamp|date:"Y, m-<b>1</b>, d" }}), {{ stat.kw_rank }}, {{ stat.bsr }}],
            {% endfor %}
        ]);
    в получаемых django данных отнимаю от месяца 1, и результат
    01/07/18, 01/12/18, 01/16/18
    Ответ написан более трёх лет назад
    Комментировать
    Нравится Комментировать
  • На чём остановиться при изучении вёрстки?

    zorro76
    sergey @zorro76
    да
    сначала нужно хорошо разобраться во флоатах, флексах и им подобным?)

    а вот в bootstrap изучать можно уже потом, и только так, а никак иначе
    Ответ написан более трёх лет назад
    Комментировать
    Нравится Комментировать
  • Как объединить вывод django messages и плагин toastr?

    zorro76
    sergey @zorro76 Автор вопроса
    Решилось само собой:
    <script>
        {% for message in messages %}
            toastr['{{ message.tags }}']('{{ message }}');
        {% endfor %}
        
    </script>
    Ответ написан более трёх лет назад
    Комментировать
    Нравится Комментировать
  • Responsive верстка PSD макета у которого есть определённая ширина?

    zorro76
    sergey @zorro76
    как мне без лишней боли сверстать такой макет сначала с учётом ширины в 1366px

    Верстаете по макету, у Вас контент 1366px, что есть даже очень хорошо.
    Верстаете адаптивно, для экранов меньше 1366px (читайте о media queries), а для экранов больше 1366px Ваш контент будет просто центрироваться, и увеличивать, растягивать его на ширину 1920px не имеет никакого смысла, да и никто так не делает.
    Для того что бы верстать под 1920px Вам нужен макет по 1920px, просите у дизайнера.
    Ответ написан более трёх лет назад
    2 комментария
    Нравится 1 2 комментария
  • Минимальный набор знаний для Front-End Developer - хватит ли этого?

    zorro76
    sergey @zorro76
    Просто уметь решить задачу в рамках Front-End'а, пусть и минимальными технологическими средствами (HTML5 и CSS3 без всяких фреймворков и препроцессоров, pure JS + Vue 2 для всего, UX, Photoshop и навыки/понимание веб-дизайна чтобы накидать не самый уродский прототип в рамках решения бизнес-задачи).


    перечитал несколько раз и все равно не понял о чем вы? Погуглите что есть работа frontend developer и подобные вопросы отпадут сами по себе
    Ответ написан более трёх лет назад
    Комментировать
    Нравится Комментировать
  • Какая идеальная страна для айтишника?

    zorro76
    sergey @zorro76
    Германия, Эстония, Норвегия
    Ответ написан более трёх лет назад
    3 комментария
    Нравится 3 комментария
  • Не сохраняется выбранное значение air datepicker, как решить трабл?

    zorro76
    sergey @zorro76 Автор вопроса
    ну как-то так:
    $(function() {
      var datepicker = $('.datepicker-here').datepicker({
        onSelect: function(formattedDate, date, inst) {
          localStorage.setItem("datepickerDate", date);
        },
        onRenderCell: function(date, cellType) {
          if (cellType == 'day') {
            var today = new Date();
            today.setHours(0, 0, 0, 0);
    
            if (today && date <= +today + 86400000 * 3) {
              return {
                disabled: true
              }
            }
          }
        },
        minDate: new Date(),
        position: 'left bottom',
        language: {
            days: ['Sunday','Monday','Tuesday','Wednesday','Thursday','Friday','Saturday'],
            daysShort: ['Su','Mo','Tu','We','Th','Fr','Sa'],
            daysMin: ['Su','Mo','Tu','We','Th','Fr','Sa'],
            months: ['January','February','March','April','May','June','July','August','September','October','November','December'],
            monthsShort: ['Jan','Feb','Mar','Apr','May','Jun','Jul','Aug','Sep','Okt','Nov','Dec'],
            today: 'Today',
            select: '',
            clear: 'clear',
            dateFormat: 'yyyy-mm-dd',
            timeFormat: '',
            firstDay: 1
        }
      }).data('datepicker');
      
      var selectedDate = localStorage.getItem("datepickerDate");
      if (selectedDate !== null && selectedDate !== '') datepicker.selectDate(new Date(selectedDate));
    });
    Ответ написан более трёх лет назад
    Комментировать
    Нравится Комментировать
  • Как построить структуру less,css файлов для верстки большого количества страниц?

    zorro76
    sergey @zorro76
    Не буду говорить за less, но в sass это делается очень просто: Шаблон 7-1 листаем к нужному пункту
    Ответ написан более трёх лет назад
    Комментировать
    Нравится Комментировать
  • Как исправить ошибку?

    zorro76
    sergey @zorro76 Автор вопроса
    Проблема решилась исключением последней карточки товара в которой были пустые поля дата-атрибутов, фильтр не срабатывал на пустых атрибутах. Присвоил карточке товара другой класс, тем самым исключив ее с поиска.
    <div class="col-3@xs col-4@sm col-3@md col-2@lg product-item-inner" data-groups='[""]' data-status="" data-date-created="" data-title="">
      <img class="transform-x-y" src="{% static 'jl/cd/img/plus.png' %}" alt="plus">
    </div>
    Ответ написан более трёх лет назад
    Комментировать
    Нравится Комментировать
  • Как понять разницу в пост/препроцессоров в вакансиях?

    zorro76
    sergey @zorro76
    Все зависит конкретно от работодателя, но обычно важно знать один из препроцессоров, а остальные понимать. Бывает что Вы специалист в sass, а студия куда пришли работать исповедует stylus, попробуйте их переубедить на смену препроцессора:)

    Например: Могут ли в разработке, каждый участник писать код на своем любимом препроцессоре, или есть какая разница и НЕЛЬЗЯ сделать так чтобы каждый писал на своем ?
    это в реальности не возможно, обычно в компании существует обыкновенный стайл гайд (правила, таск-менеджеры и т.д)
    Ответ написан более трёх лет назад
    9 комментариев
    Нравится 2 9 комментариев
Оценили как «Нравится»
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • Следующие →
Самые активные сегодня
  • yupiter7575
    Yupiter7575
    • 12 ответов
    • 1 вопрос
  • Василий Банников
    • 12 ответов
    • 0 вопросов
  • firedragon
    Владимир Коротенко
    • 10 ответов
    • 1 вопрос
  • Slayer_nn
    Yan
    • 7 ответов
    • 1 вопрос
  • hottabxp
    Сергей Карбивничий
    • 7 ответов
    • 0 вопросов
  • xez
    Dmitry Roo
    • 5 ответов
    • 0 вопросов
  • © Habr
  • О сервисе
  • Обратная связь
  • Блог

Войдите на сайт

Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации