• Как оптимизировать сайт?

    approximate_solution
    @approximate_solution
    JS Developer. Angular\React\Vue\Ember
    Можно ли один файл со стилями оставлять

    Можно, но перед этим минифицировать css. Лучшей практикой было бы сделать критический css для первого экрана.

    Скрывать display: none; или нет

    Да, в медиазапросах использовать любые из доступных средств сокрытия.
    Ответ написан
    Комментировать
  • Как настроиться на работу?

    Kadzi
    @Kadzi
    Ом
    Назовите несколько советов как настроиться на чтение?


    1. Подержать книгу в руках, полистать страницы, посмотреть оглавление.
    2. Распечатать на А4 прогресс навыка. Это 31 кружок, который закрашивается при ежедневном выполнении нормы. Норма, например, 20 страниц утром и 20 вечером.
    3. Начать использовать карты Тони Бьюзена.
    4. Начать вести печатный ежедневник: там можно делать конспекты, смысловые карты, картинки и так далее. Разгрузочная штука и своеобразный якорь.
    5. Культивация привычки
    6. Скачать и посмотреть курсы Джима Квика, Козаренко Владимира, почитать пару книг или статей о методологиях обучения. Например, один супер важный способ идеального запоминания — припоминание и обучение. Припоминание, это когда вы прочли и изучили что-то и пробуете сразу разбить информацию на модули, создав много зацепок. Зацепки это как бы подсказки, как некие спойлеры, которые помогают вспомнить что было дальше.
    6. Подойти к вопросу с другой стороны.
    Создать условия → увеличить энергию → составить план → сделать свою тактику чтения → читать → фиксировать успехи.

    Условия, это физиологический уровень как и энергия. Создать условия, значит убрать и минимизировать всё то, что мешает их созданию: грибки, паразиты, гормональные сбои, нехватка веществ и так далее, бестолковое питание.

    Грибки и паразиты выжирают много энергии и прямо влияют на многие процессы внутри нас: отказаться от мучного, сахара, жареного. Два раза в год делать чистки тройчаткой: это смесь перемолотой пижмы, горькой полыни и гвоздики. Перед едой за 30 минут кушается 2 чайные ложки тыквенных семечек, а через 15 минут по 1 ложке смеси тройчатки 3 раза в день, первые 2 недели. Третья перерыв, четвертая повтор приема. Защелачивать питание: больше зелени, лука, чеснока, полезных масел и так далее.

    Самый простой способ увеличить энергию — перестать употреблять быстрые углеводы, смотреть порно и мастурбировать, курить, пить. Проходить в день минимум 5-8 км пешком. Начать использовать холодный душ. Делать физкультуру, рекомендую ознакомиться с практиками Николая Амосова. Суть: должна быть физическая нагрузка. Ложиться и вставать в одно и то же время.

    Использовать продукты во время интенсивного обучения. Например перга, мёд, финики, чистая вода и так далее. Осознанно поизучать . Есть и другие темы, например ноотропы, рекомендую тоже посмотреть например канал на ютубе clevermind. Главное разобраться, что к чему, зачем и что даст. И нужно ли оно вообще?

    Дальше культивация привычек, на это уйдут месяцы и годы. Но быстрое обучение с помощью книг это очень классный навык.
    Ответ написан
    Комментировать
  • Почему рекомендуют вставлять иконки так?

    alphatom
    @alphatom
    Да в принципе нет никакой разницы. Если как img вставите то эту картинку можно будет мышкой захватить и она в верстке будет видна. Если через css в псевдоэлемент добавите то нельзя будет такую картинку мышкой перетаскивать и она коде страницы ее не будет (только в CSS).

    Часто иконки вставляют через специальные шрифты с иконками (например Bootstrap Icons), но тогда символы это не картинки а глифы шрифта. Те у вас в принципе нет опции вставить символ шрифта как картинку. Шрифты удобно потому что все иконки в одном файле находятся и так как это шрифт к ним можно применять свойства css для шрифтов. Те цвет, размер и тп. С картинками прийдется или грузить каждую отдельно или создавать из них атлас и потом все равно вставлять через css чтобы выставить на картинке позицию вашей иконки – что очень не удобно.

    В общем если у вас супер кастомные картинки которых мало можете вставлять их как img, Если это набор иконок в нете лучше использовать вставку через шрифт через псевжоэлемент.
    Ответ написан
    Комментировать
  • Как задать определенные классы для видимых слайдов?

    iiiBird
    @iiiBird
    Пока ты спишь - твой конкурент совершенствуется
    watchSlidesVisibility: true
    Ответ написан
    1 комментарий
  • Из-за чего может не отображаться favicon?

    SkiperX
    @SkiperX Куратор тега HTML
    Яндекс svg фавиконки не отображает
    Ответ написан
    5 комментариев
  • Из-за чего может не отображаться favicon?

    fleshherbal
    @fleshherbal
    Возможно Яндекс не проиндексировал ваш favicon
    Ответ написан
    2 комментария
  • Как поставить курсор в начале маски?

    @format_iai
    $.fn.setCursorPosition = function(pos) {
    	  if ($(this).get(0).setSelectionRange) {
    	    $(this).get(0).setSelectionRange(pos, pos);
    	  } else if ($(this).get(0).createTextRange) {
    	    var range = $(this).get(0).createTextRange();
    	    range.collapse(true);
    	    range.moveEnd('character', pos);
    	    range.moveStart('character', pos);
    	    range.select();
    	  }
    	};
    	$('input[name="phone"]').click(function(){
        $(this).setCursorPosition(5);  // set position number
      });
    Ответ написан
    1 комментарий
  • Как починить баг в EDGE'е с svg?

    RAX7
    @RAX7
    Старый edge не поддерживает свойство transform-box из-за чего transform: rotate(XXdeg) работает не так, как было задумано. Пофиксить можно используя старый трюк для вращения объекта вокруг нужной точки https://developer.mozilla.org/en-US/docs/Web/API/C... (там метод для канвас, но также работает и в svg).
    На примере поправил .man-hand.

    Для удобства вычисления transform: translate используй инструменты разработчика в хроме: выдели нужный path и в консоле введи $0.getBBox().x + $0.getBBox().width/2 - получишь значение для сдвига по оси X. По оси Y используй $0.getBBox().y + $0.getBBox().height/2
    Ответ написан
    1 комментарий
  • Как адаптировать svg?

    neuotq
    @neuotq
    Прокрастинация
    Так же как и другие.
    Допустим начать можно с ограничения по родителю и ширине, условно:
    svg {
    max-width: 100%;
    }

    В целом практика - засовывать svg в контейнер и таким образом рулить.
    А так есть библиотеки для этого, в том числе и js
    Ответ написан
    3 комментария
  • Как правильно писать код на JS?

    kshnkvn
    @kshnkvn
    yay ✌️ t.me/kshnkvn
    после кто-то придет и он допустим не понимает что такое и как с эти работать

    это уже его проблемы

    Все выполнено по ТЗ? Отлично, дальше проблемы не твои. Если заказчику нужно что то конкретное или специфичное - он должен это указывать. Как и кто будет дальше взаимодействовать с тем, что ты сделал - последнее, что тебя должно волновать.
    Естественно речь идет сугубо о фрилансе в рамках мелких/средних проектах.
    Ответ написан
    Комментировать
  • Как правильно писать код на JS?

    dima9595
    @dima9595
    Junior PHP
    А при чём тут вебпак и т.п.? Вы скидываете по идеи исходники + сбилденный проект. Если заказчику нужно будет что-то внести в код, то он напишет в исходниках.
    А если же вы ему даёте только готовый код, значит от платил только за готовый. Цены по идеи должны быть разными:
    Готовый проект = одна цена
    Исходники + готовый проект = цена > чем у готового проекта
    Ответ написан
    Комментировать
  • Как правильно расположить блоки?

    @thisuserhatephp
    Офлайн - losers Онлайн - lusers
    Можно разбить на секции и флексами и маргином расставить как нужно
    5ff483ce8f1cc428311792.png
    Ответ написан
    Комментировать
  • Как правильно создать 2 меню?

    V_A_B
    @V_A_B
    ¯\_(ツ)_/¯
    add_action('after_setup_theme','menu');
    function menu(){	
    	register_nav_menus(
    		array(
    		'top'=>__('Верхнее','VAB'),
    		'bottom'=>__('Нижнее','VAB'),
    		));}

    Ошибка:
    wp_nav_menu(array('location'
    Правильно:
    wp_nav_menu(array('theme_location'

    з.ы. совесть имейте: никогда не выкладывайте код скринами, а иначе многие просто пропустят вопрос, либо нарветесь на грубость (мало ли кому надо будет пощупать Ваш код). перепечатывать код с Ваших скринов?..
    Ответ написан
    1 комментарий
  • Как инициализировать Swiper в табах?

    @JustFreelance
    front-end developer
    Попробуйте добавить в параметры слайдера:

    observer: true,
    observeParents: true


    Тогда при открытии вкладки, слайдер будет инициализироваться.

    Можете подробнее глянуть в документации: https://swiperjs.com/api/
    Ответ написан
    2 комментария
  • Как правильно доработать логику слайдера?

    0xD34F
    @0xD34F
    нужно отлавливать дата атрибуты и если эти дата атрибуты совпадают с дата атрибутами других блоков то вешать класс на блоки

    Может, не надо никакие атрибуты трогать - учитывая, что порядок значений атрибутов идентичен для слайдов и блоков? Смотрите на индекс:

    on: {
      slideChange() {
        const index = this.realIndex;
        document.querySelectorAll('.lol').forEach((n, i) => n.classList.toggle('active', i === index));
      },
    },

    А вообще, всё это похоже на попытку соорудить собственную пагинацию. Для этого у swiper'а предусмотрены отдельные настройки. Вырезаете из .clients__picture все .lol, вырезаете обработчик slideChange, добавляете

    pagination: {
      el: '.clients__picture',
      bulletClass: 'lol',
      bulletActiveClass: 'active',
      renderBullet: (index, className) => `<div class="${className}">${index + 1}</div>`,
    },
    Ответ написан
    1 комментарий
  • Как реализовать такой блок?

    aliencash
    @aliencash
    Партизан
    Как реализовать вообще любой блок (инструкция):
    1. Задать вопрос на stackoverflow или каком-нибудь аналогичном ресурсе.
    2. Дождаться ответа.
    3. Профит.
    Ответ написан
    Комментировать
  • Как выкинуть пользователя с сайта?

    @kur4chyt
    Качественный говнокод от производителя
    если нужно, чтобы ты из админ-панели кликал на кнопку "выкинуть пользователя", и какого то конкретного пользователя выкидывало с сайта. то проще всего это можно сделать через websockets (я посоветовал бы либу socket.io, простенькая, как раз для такой вещи сгодиться), можно и без либ.

    с админки публикуешь событие, у каждого пользователя отлавливаешь событие по его id, напрмиер для каждого пользователя будет свое событие "user1" вместо 1 - id пользователя.
    Ответ написан
    Комментировать
  • Как выкинуть пользователя с сайта?

    yarkov
    @yarkov Куратор тега JavaScript
    Помог ответ? Отметь решением.
    Показать плашку с текстом:
    Отключите блокировщик рекламы чтобы продолжить пользоваться сайтом.
    Инфа сотка. Меня выкидывало с сайта безвозвратно.
    Ответ написан
    Комментировать
  • Как сделать такой слайдер?

    @Lord_Dantes
    Ответ написан
    Комментировать