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

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

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

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

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

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

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

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

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

Otrivin

junior full-stack сисадмин
  • 72
    вклад
  • 66
    вопросов
  • 159
    ответов
  • 28%
    решений
Ответы
  • Информация
  • Ответы
  • Вопросы
  • Комментарии
  • Подписки
  • Нравится
  • Достижения
  • Как верстать много страничные сайты?

    Otrivin @Otrivin
    junior full-stack сисадмин
    Если хочется экзотики, сверстайте на iframe.

    Хедер, футер, сайдбар - в одном html, контентная часть - в других. В основном шаблоне на месте динамического контента подставляете iframe, в который грузите нужный html

    Принцип здесь

    Ну а так, или делите шаблон на сервере на
    .php-файлы и инклудьте нужные части, или делайте то же самое на клиенте - способ на jquery был выше, или с библиотекой includehtml
    Ответ написан вчера
    Комментировать
    Нравится Комментировать
  • Как сделать полупрозрачный фон?

    Otrivin @Otrivin
    junior full-stack сисадмин
    Не задавай фон самому элементу. Ты можешь определить псевдоэлемент ::before или ::after, задать фон ему, его и сделать полупрозрачным.

    body {
      position: relative;
    }
    body::before{
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: url() center/cover;
      opacity: 0.5;
    }
    Ответ написан вчера
    2 комментария
    Нравится 2 комментария
  • Какие полезные библиотеки вы можете посоветовать?

    Otrivin @Otrivin
    junior full-stack сисадмин
    Например, скрипт для автопроверки орфографии - spellHelper

    Но он больше для копирайтеров/контент-менеджеров подойдет
    Ответ написан 14 янв.
    Комментировать
    Нравится Комментировать
  • Как скопировать главную страницу сайта?

    Otrivin @Otrivin
    junior full-stack сисадмин
    Wget под wsl, либо нативном линуксе, например
    Ответ написан 12 янв.
    Комментировать
    Нравится Комментировать
  • Почему после сохранения pixel art в фотошопе, пиксели меняют свой цвет?

    Otrivin @Otrivin
    junior full-stack сисадмин
    sRGB, возможно
    Ответ написан 27 дек. 2020
    Комментировать
    Нравится Комментировать
  • Как подгрузить сначала Критический CSS?

    Otrivin @Otrivin
    junior full-stack сисадмин
    Делаю так:
    1) в devtools включаю override для сайта
    2) прохожу типичные страницы, удаляя с помощью js элементы ниже первого экрана + доп отступа
    3) сохраняю результирующий html как override
    4) анализирую страницу с помощью coverage, экспортирую отчёт по ней. Попутно меняю разрешение до мобильной версии и обратно, чтобы стриггерить медиа-правила.
    5) когда все типичные страницы пройдены, и собраны отчёты по каждой из них, анализирую папку с ними скриптом, объединяющий использованные правила в один файл, неиспользуемые - в другой. Сохраняя исходную структуру/количество css.
    6) создаю critical.css, который можно пушить по http2 либо просто добавив link preload, а остальные исходные css проекта заменяю очищенными экземплярами, чтобы не дублировать правила и в исходнике, и в критическом.
    7) загрузку исходных откладываю с помощью js, loadcss, к примеру

    Первые 3 шага рисковые, их можно пропустить, но с ними критический стиль получается меньшего размера, т.к. coverage записывает стили всех элементов, находящихся на странице.
    Ответ написан 15 нояб. 2020
    Комментировать
    Нравится 1 Комментировать
  • Групповой чат для сайта — где найти?

    Otrivin @Otrivin
    junior full-stack сисадмин
    Chatbro
    Ответ написан 10 окт. 2020
    Комментировать
    Нравится 1 Комментировать
  • Как сгруппировать / отсортировать фотографии по схожести?

    Otrivin @Otrivin
    junior full-stack сисадмин
    В пакете DeepFaceLab есть батник, соотирующий фото по схожести. Работает, кажется, через xnView. Можете посмотреть
    Ответ написан 18 сент. 2020
    Комментировать
    Нравится Комментировать
  • Как обрезать лишнее в svg?

    Otrivin @Otrivin
    junior full-stack сисадмин
    Попробуйте figma, она хорошо работает с svg
    Ответ написан 31 авг. 2020
    1 комментарий
    Нравится 1 1 комментарий
  • Какой посоветуете photo viewer для 10 винды?

    Otrivin @Otrivin
    junior full-stack сисадмин
    JpegView
    Ответ написан 27 авг. 2020
    Комментировать
    Нравится Комментировать
  • Как узнать процент на сколько загрузилась страница и присвоить это значение переменной?

    Otrivin @Otrivin
    junior full-stack сисадмин
    На бэке рассчитать вес каждого подключаемого ресурса в gz, передать в data-атрибут (хоть в байтах, хоть в процентах); на фронте обойти все эти ресурсы, рассчитывая общий вес, затем вешать слушателя на onload каждого из них и считать. Переменную можно использовать глобальную, window['awesomeCounter']

    Для оптимизации использовать кэш + прописать атрибут заранее, если ресурсы статические
    Ответ написан 09 авг. 2020
    Комментировать
    Нравится 2 Комментировать
  • Как сделать такое меню на Wordpress?

    Otrivin @Otrivin
    junior full-stack сисадмин
    В чем проблема сделать это на js? При переходе на страницу получайте window.location.pathname, затем делаете выборку элементов из меню, содержащих ссылку, и делаете с элементом что угодно
    Ответ написан 08 авг. 2020
    1 комментарий
    Нравится 1 1 комментарий
  • Как определить неиспользуемый код js и css?

    Otrivin @Otrivin
    junior full-stack сисадмин
    Используйте инструмент Coverage в chromium-браузерах.
    Я собираю статистику по всем типовым страницам, включая попапы/медиа запросы, затем чищу css на основании её анализа. К сожалению, полностью автоматических корректно отрабатывающих инструментов я не встречал.
    Ответ написан 15 июл. 2020
    Комментировать
    Нравится 2 Комментировать
  • Есть ли смысл ставить Avast на Windows 10?

    Otrivin @Otrivin
    junior full-stack сисадмин
    Попробуй kaspersky free
    Ответ написан 10 июл. 2020
    Комментировать
    Нравится Комментировать
  • С помощью чего можно сделать анализ сайта по SEO?

    Otrivin @Otrivin
    junior full-stack сисадмин
    1) Гуглите чеклист для проверки / консультируетесь с сеошником и составляете его самостоятельно
    2) Отсылаете в свой обработчик ссылку на страницу, разбираете её каким-нибудь парсером вроде DiDOM или родным DOMDocument (если хотите по хардкору), проверяете соответствие полученной страницы вашему чеклисту. Можете еще по pagespeed прогнать через их api.
    3) Составляете отчёт, отправляете данные
    4) ???????
    5) Аудит проведён
    Ответ написан 22 июн. 2020
    Комментировать
    Нравится 1 Комментировать
  • Легкий мессенджер- звонить, работая в Teamviewer?

    Otrivin @Otrivin
    junior full-stack сисадмин
    Discord
    Ответ написан 24 мая 2020
    3 комментария
    Нравится 3 комментария
  • Как разбить слитно написанные фразы на отдельные слова?

    Otrivin @Otrivin
    junior full-stack сисадмин
    У Яндекса есть спеллер. На гитхабе есть классы для работы с ним.
    Попробуйте, может помочь
    Ответ написан 22 мая 2020
    1 комментарий
    Нравится 5 1 комментарий
  • Каким способом можно узнать в какой папке проекта появился новый файл после действий в админке если папок сотни или даже тысячи?

    Otrivin @Otrivin
    junior full-stack сисадмин
    Если проект развернут на веб-сервере либо у Вас Линукс, воспользуйтесь этой инструкцией
    Ответ написан 22 мая 2020
    Комментировать
    Нравится 2 Комментировать
  • Как делать SEO верстку?

    Otrivin @Otrivin
    junior full-stack сисадмин
    Думаю, имеется в виду:
    - Использование заголовков h1-h6 строго в упорядоченном виде согласно иерархии, и только в пределах основного контента страницы

    - Избегать чрезмерного использования "a", чтобы не плодить лишних внутренних ссылок (например, при вёрстке ИМ, карточку товара можно целиком обернуть в ссылку, а можно сделать div, в котором будет 3 одинаковых "a"-элемента - на имени, на изображении, на кнопке "подробнее"

    - В принципе меньшее количество элементов на странице (имеется в виду избегание лишних оборачиваний элементов в контейнеры). Меньше нод - выше скорость парсинга страницы, выше ее производительность.

    - Также в копилочку производительности использование всяких штук типа "responsive images", ленивой загрузки, критических стилей, приоритезации загрузки ресурсов (стили/скрипты/шрифты).

    - Валидность. Без комментариев.

    Как зависит? Ну, говорят, Гугл любит технически качественные сайты. Плюс скорость работы сайта сказывается на юзабилити, что в свою очередь отражается на поведенческих факторах, что тоже влияет на позиции.
    Ответ написан 06 мая 2020
    Комментировать
    Нравится 3 Комментировать
  • Как отослать форму amoCRM с контактами со своего сайта через php cURL?

    Otrivin @Otrivin
    junior full-stack сисадмин
    Берите класс на гитхабе (автор nabarabane), с его помощью работайте с апи АМО.
    Вкратце, вы сначала должны авторизоваться, сохранить куки, и каждую отправку подписывать этими куками. Иначе - еггог
    Ответ написан более года назад
    Комментировать
    Нравится Комментировать
Оценили как «Нравится»
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • Следующие →
Самые активные сегодня
  • Василий Банников
    • 14 ответов
    • 0 вопросов
  • yupiter7575
    Yupiter7575
    • 12 ответов
    • 1 вопрос
  • firedragon
    Владимир Коротенко
    • 10 ответов
    • 1 вопрос
  • Slayer_nn
    Yan
    • 7 ответов
    • 1 вопрос
  • hottabxp
    Сергей Карбивничий
    • 7 ответов
    • 0 вопросов
  • dimonchik2013
    dimonchik2013
    • 6 ответов
    • 0 вопросов
  • © Habr
  • О сервисе
  • Обратная связь
  • Блог

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

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