• У меня самый уродливый код на планете земля, как исправить?

    @romicohen
    Системный Архитектор
    Ты сам ответил на свой вопрос - "Я понимаю, что этот навык приходит со временем" - однако я попробую ускорить процесс :)

    Загугли "Владилен Минин" - скорее всего это и есть ответ на твой вопрос :)

    Надеюсь ты любишь котиков? Не обижаешь их? А то я каждый раз, когда помогаю кому-то в интернете - сомневаюсь: а вдруг я помогаю плохому человеку, который обижает бродячих котиков?..
    Ответ написан
  • Как сделать внутреннюю ссылку в HTML правильно?

    Ankhena
    @Ankhena Куратор тега HTML
    Нежно люблю верстку
    Такое ощущение, что вы учитесь на курсах 10 летней давности.

    Якоря через ссылки и атрибут name устарели уже очень давно.

    Той секции, к которой нужно перейти задается id.
    А в ссылке указывается # и этот id.

    Куда:
    <section id="monday">содержимое блока</section>
    Не обязательно section, это может быть table или p или вообще любой другой элемент, к которому нужно прокрутить страницу.

    Ссылка:
    <a href="#monday">Перейти к описанию понедельника</a>


    p.s. обязательно проверяйте свой код валидатором https://validator.w3.org/nu/
    Тот способ, которым вы сейчас вкладываете теги друг в друга принесет вам кучу неприятных сюрпризов.

    p.p.s называйте классы и id на английском и так, чтобы другому человеку было понятно, что происходит

    p.p.p.s ваш редактор похож на что-то типа Front Page не помню какого года. Если это так или просто если ваш редактор устарел, то рекомендую обновить его или заменить на современный. Дело в том, что хороший редактор подсвечивает ошибки и вам же будут удобнее работать.
    Ответ написан
    7 комментариев
  • Article или section, без заголовка, как вернее?

    @noeer
    ИМХО правильней сделать section>article*4, так как section задаёт раздел документа и может применяться для блока новостей. (htmlbook.ru/html/section)
    А article задает содержание сайта вроде новости, статьи, записи блога (htmlbook.ru/html/article)
    Хотя валидатор w3 принимает без ошибок оба варианта.

    Заголовки должны должны быть и у section, и у article. Хотя это не критично. Тот же валидатор выдает предупреждение Warning, а не ошибку.
    Скрывать заголовок не стоит. Страница должна быть одинаковой для пользователей и поисковиков.
    Ответ написан
    Комментировать
  • Как добавить блок по нажатию кнопки?

    DanArst
    @DanArst Куратор тега JavaScript
    Гриффиндор в моде при любой погоде!
    2 комментария
  • Как включить музыку при загрузке страницы?

    zoonman
    @zoonman
    ⋆⋆⋆⋆⋆
    Пожалуйста, не делайте так.
    Во-первых, это очень раздражает, т.к. на ваш сайт могут заходить люди в разное время суток и при разных обстоятельствах.
    Во-вторых, это мгновенно делает ваш сайт куском говна. Нет ничего дерьмовее непредсказуемого поведения сайта. Сайт, на котором играется музыка/видео, вылезают какие-то всплывашки, чатики, счетчики и прочее мигающее, ездящее, прыгающее, вращающееся и новящевое - это говно. Такие сайты делаются лохами для лохов.
    Ни один нормальный человек не будет оставаться на таком сайте дольше 10 секунд. Конкурентов много, не думайте, что ваш сайт такой уникальный.
    Ответ написан
    2 комментария
  • Как добавить файл sitemap в google?

    anton_reut
    @anton_reut
    Начинающий веб-разработчик
    У тебя русским языком написано "заблокировано в robots.txt"
    Ответ написан
    7 комментариев
  • Как можно сделать такой живой дым на сайте css и js?

    Get-Web
    @Get-Web Куратор тега CSS
    Front-End Developer
    Можно спрайтами, у меня дыма готового нет, но есть свеча для примера:
    Ответ написан
    5 комментариев
  • Как максимально ускорить скорость работы сайта?

    @anton99zel Куратор тега 1С-Битрикс
    29а класс средней школы №7
    Автор, в данном случае требуется комплексный подход
    1. На маркете Битрикса есть пару модулей, которые адаптируют ваши картинки
    2. Работа с CSS. Это оптимизация - минимизация и объединение стилей
    3. Тоже Js
    4. Далее по шаблонам - нужно пересмотреть код, возможно одни куски должны быть выше-ниже или убраны вообще.
    5. Скрипты метрики и т.п. нужно подгружать со своего сервера, обновляю их по крону
    6. Шрифты - тоже грузить со своего сервера, внести правки в css (CSS font-display)
    7. Использовать серверное сжатие и кэш. Сократить запросы к базе. Компоненты если кэшируются не должны делать запросов.
    8. CDN не всегда идёт на пользу
    9. Общее количество элементов DOM можно сократить убрав в верстке лишние div ки и прочие элементы

    В целом, вам pagespeed сам подсказывает что нужно сделать - гуглите каждый пункт.
    Естественно, что на стороне cms у вас всё должно соответствовать нормам - т.е. внутренние тесты должны отрабатывать на отлично.

    Средний Интернет-магазин на Битриксе можно довести до 95 попугаев. В мобильной верстке и вовсе до 100.
    Ответ написан
    Комментировать
  • Как максимально ускорить скорость работы сайта?

    Прежде всего, хотелось бы отметить, что данные которые вы показываете на скриншотах (Network) не актуальные, все ресурсы на них закешированы (memory cache/disk cache).
    Актуальные данные по таймингам вы увидите если обновите страницу через CTRL+SHIFT+R (это сброс кеша на вкладке).
    Без этого пока видно что вся статика, что у вас, что у них грузится за 0ms, некоторые ваши ресурсы с disk cache за 15+ms.

    Проверил что у вас там. Ответ от сервера 200/300+ мс. Не так критично как вы пишите, даже в каталоге, но не так как могло бы быть.

    По существу.
    "Сайт старый, работало много разных специалистов, каждый оставил свои костыли" - вот из-за этого.

    По серверу: не хватает http/2 протокол + 304 заголовок где возможно (получится не везде https://last-modified.com/ru/), TLSv1.3

    Варианты по коду:
    1. Вариант - ставьте чистый обновленный битрикс и перепишите все сами без костылей.
    2. Вариант, не тривиальный - унесите cms на поддомен (admin.*, к примеру), а фронтенд перепишите каком-нибудь легковесном frameworke где есть быстрый кеш. Перепишите классы работы с товарами (корзина/заказ), авторизацию, и подключайте к БД вашей cmsки. Потребуется знать архитектуру конкретной cms, много времени и печенек.

    И я подозреваю что у wildberries сервак все равно помощнее.
    Ответ написан
    Комментировать
  • Не работают медиа запрос?

    @Evdokim001
    PHP & WordPress developer
    Добрый день.
    Напишите в head
    <meta name="viewport" content="width=device-width, initial-scale=1.0
    Ответ написан
    2 комментария
  • Как распределить этапы продвижения в сторону front-end разработки?

    Zoominger
    @Zoominger
    System Integrator
    Посоветуйте как быть в такой ситуации

    Выбрать сферу, где есть хоть какие-то шансы найти работу.
    Найти себе друзей, чтобы не рефлексировать из-за просто запредельной глупости, чтобы не искать поддержку в интернетике.
    Перестать считать, что ваше портфолио кого-то заинтересует.
    Перестать думать, что знания как-то испаряются, если неделю их не вспоминать.
    Понять, что без использования JS вы даже своё никому ненужное "портфолио" не напишете.
    Ответ написан
    2 комментария
  • Как распределить этапы продвижения в сторону front-end разработки?

    @karminski
    Senior React.JS Developer
    Я вам так скажу, на портфолио смотрят, когда
    * кандидат не может ничего толком о себе рассказать или ответить на вопросы
    * или вас собеседует не разработчик или team-lead, а обычный HR, который ничего не понимает в разработке

    В первом случае - вас не возьмут, тк у вас ЗНАНИЙ маловато. Во-втором, вам самому следует 100 раз подумать, стоит ли идти в компанию разработчиком, где у вас не будет наставника (особенно важно для новичка).
    Ответ написан
    1 комментарий
  • 22 H1 на страницу это вообще законно?

    bootd
    @bootd Куратор тега HTML
    Гугли и ты откроешь врата знаний!
    Я всегда считал это нормальным и всегда с сеошниками воевал по поводу вообще всех h заголовков. Есть семантика, в которой тоже есть некие правила.

    Мой мир SEO оптимизации просто рушится... Мне что, врали

    Я думаю, что просто большинство сеошников живёт старыми знаниями и не хотят переучиваться.

    Захожу посмотреть, как реализовано это на сервисе от Яндекса - Кинопоиске, они ж явно шарят?!

    Конечно шарят, им нужно для поисковика выделить главные заголовки, коих там целая тонна

    На самом сайте яндекса точно так же.
    У меня версии 2, либо яндекс читерит с своими сайтами для своего же поисковика, либо это просто правильная оптимизация, когда важные части сайта выделены заголовками 1го уровня.
    Ответ написан
    3 комментария
  • Можно ли сделать такое с помощью CSS?

    dimovich85
    @dimovich85 Куратор тега CSS
    https://u-academy.net/
    Ответ написан
    Комментировать
  • Почему текст выходит за пределы блока?

    twobomb
    @twobomb
    Не знаю как текст может растягиваться по высоте, но если нужно по ширине то
    используйте
    text-align:justify;
    А выходит потому-что у вас однонеразывноеслово которое не переносится. Можете добавить
    word-wrap:break-word;
    может поможет
    Ответ написан
    Комментировать
  • Почему текст выходит за пределы блока?

    Ankhena
    @Ankhena Куратор тега CSS
    Нежно люблю верстку
    Потому что по умолчанию длинные слова не переносятся.
    Используйте мягкие переносы &shy;, hyphens, word-break
    Ответ написан
    Комментировать
  • Как сделать такой же эффект вытекающий сверху краски на сайте?

    @mrkrol
    Студент, учусь моделировать
    Гиф или видео
    На данном сайте видео
    https://terentevdesignstudio.com/images/body/video...

    html:
    <div class=" video-responsive">
          <video class="vid-autoplay videobgstyle-responsive" poster="/images/header/" loop="loop" muted="muted" controlslist="nodownload" playsinline="" type="video/mp4"> 
            <source src="/images/body/video/20070.mp4" type="video/mp4"></video>
          <div class="video-overlay"></div>
        </div>
    Ответ написан
    Комментировать
  • Как отверстать такие линии не изображением?

    iamd503
    @iamd503 Куратор тега CSS
    Верстальщик
    Сталкивался с таким дизайном и дизайнерами, которые такое рисуют - больше с ними не работаем
    Ответ написан
    2 комментария