• Как сверстать эту часть макета:расположить элементы внутри линии?

    MrDecoy
    @MrDecoy Куратор тега CSS
    На html, css скорее всего с псевдо элементами и абсолютным позиционированием.

    Где ваши попытки?
    Написано
  • Как улучшить HTML-код?

    MrDecoy
    @MrDecoy Куратор тега HTML
    Ну раз уж Вы ударились по семантике(что похвально), то давайте подумаем вот о чём:
    1. Вкусовщина, но, мне кажется, h1 у Вас маркетинговый слоган, а не важный по смыслу заголовок. С точки зрения поисковой выдачи не очень релевантный. А h1 важен для поисковой выдачи.
    2. Что нам говорит тэг article? Что это некий по смыслу самодостаточный блок сайта, который может быть спокойно перемещён куда угодно. Какой у Вас заголовок у article? "Последние эпизоды". Эпизоды чего? Возможно это понятно было бы пользователю в контексте сайта, но тоже сомневаюсь, так как см. пункт1. По иерархии заголовков получаем: "Возвысь свой подкаст на следующий уровень - Последние эпизоды". То есть, сайт будто бы по смыслу про то, как сделать подкасты лучше. А потом бац, сразу следом, как дочерний - последние эпизоды. То есть как-то не сходится. Тут либо h1, либо h2 либо и то и то для ux стоит уточнить.
    3. alt у контентно значимых картинок должен описывать то, что на картинке изображено. Не в деталях, а коротко, контентно значимую вещь. Если alt говорит что "это превью для эпизода №3" - то это либо плохой alt (лучше вообще никакого) либо изображение контентно ничего не стоит и лучше сделать фоновой картинкой.
    4. в форме у инпутов нет label. Это не хорошо. placeholder не решает большого количества ux проблем.
    5. Вам стоит почитать про оформление отзывов. Раз уж Вы ударяетесь по семантике. Хорошей статьи под рукой на нешёл. Вот первое из гугла что вроде более-менее: https://techrocks.ru/2019/12/11/quoting-in-html/.
    6. У ссылок должен быть либо доступно скрытый контент, либо aria-label. Пустые ссылки или картинки с альтом - не самый лучший для доступности вариант. Тем более когда альт просто подписан как название соц сети. не понятно. Ну ссылка это на соц сеть. "Изображение. Twitter. Ссылка" - вот что озвучит скринридер. А куда конкретно? Не понятно.


    Ну а по поводу количества header - действительно всё валидно и верно. Правда нюанс в том, что "прекрасное далёко". Идея семантической разметки была очень красивая, но реализация\поддержка в браузерах скринридерах и поисковых системах не везде так хороша, как хотелось бы. Да и изначальная идея, на практике, столкнулась с некоторыми сложностями. Я не могу однозначно сказать есть ли польза от того, что у Вас в каждом article\section есть свой header. Поэтому перед тем как так делать стоит либо удостовериться поискав в интернете успешные истории использования такой разметки, либо проверить самому. И учесть не только доступность для пользователей, но и SEO.
    Написано
  • Как изменить элемент глобально?

    MrDecoy
    @MrDecoy
    Как удалить элемент глобально

    который к примеру изменил заголовок сайта

    удобно прописывать например запись на прием в js

    Три абсолютно не связанные вещи.
    Причём тут удаление элемента?
    Причём тут изменение заголовка сайта?
    И как со всем этим связана запись на приём? Так ещё и в js?

    JS живёт в браузере. Через js можно: удалять, добавлять, изменять элементы вплоть до генерации всей страницы. Можно отправлять запросы на сервер.

    Вам бы, судя по тексту, определиться для начала чего Вы хотите и зачем оно Вам надо.
    Написано
  • Как сделать скроллинг фона, при этом делая позиционирование по центру?

    MrDecoy
    @MrDecoy Куратор тега CSS
    скролл не может появиться из-за фоновой картинки.
    Вам нужно чтобы скролл создался контентом. Этим контентом может быть блок строго заданных размеров. Выше вариант как раз про это.
    Написано
  • Как анимировать такой фон?

    MrDecoy
    @MrDecoy
    > canvas
    Да.
    Ну или просто фоновое видео.
    Написано
  • Сколько должна весить папка сайта?

    MrDecoy
    @MrDecoy
    Сайт может весить сколько угодно. Хоть гигабайты.
    Важно совсем не это.
    Важно сколько Вы отдаёте пользователю на загрузку. В первую очередь на первичную загрузку.
    Загружаете ли Вы картинки лениво. Оптимизированы ли они под разные устройства и разрешения.
    Написано
  • Как сделать такое обтекание?

    MrDecoy
    @MrDecoy Куратор тега CSS
    szQocks, ну да, с блоками не сработает, но блокам это и не часто надо. Как собственно и автору.
    Написано
  • Что не так с chrome?

    MrDecoy
    @MrDecoy Куратор тега CSS
    Aetae, Давайте поддерживать тут дух профессионального сообщества, а не соц сетей.
    https://qna.habr.com/help/rules
    5.2. Экспрессивную лексику. Запрещены любые формы размещения экспрессивных слов и выражений. Это означает, что любые реплики, содержащие экспрессивную лексику, будут удалены, даже если экспрессивные выражения размещены в составе url (для маскировки нецензурных url можно использовать сервис сокращения ссылок goo.gl). Мы намеренно не ограничиваем перечень запрещенных форм употребления экспрессивной лексики путём подробного перечисления. Сами понимаете, народ у нас изобретательный. Кто-то догадается нецензурное слово из смайликов выложить, а потом будет всех уверять, что мы — деспоты, ограничили его доступ к ресурсу за то, что нашими правилами не было запрещено.
    Написано
  • Как сделать такое обтекание?

    MrDecoy
    @MrDecoy Куратор тега CSS
    szQocks, завезли. Но конечно автору тут оно совсем не нужно.
    https://tpverstak.ru/wrapping-content-around-image...
    Написано
  • Пагинация vue.js, как вычесть длину массива и поделить ее на лимит объектов массива на одной странице?

    MrDecoy
    @MrDecoy
    Смотрите, дальше по тексту будут, как для новичка, не самые приятные ответы, но, поверьте, если Вы действительно хотите состояться как специалист в этой отрасли, то Вам стоит прислушаться к нижесказанному:

    я еще начинающий разработчик во vue и у меня есть несколько вопросов
    Среди Ваших вопросов нет вопросов, хоть как-то связанных со vue. Все Ваши вопросы в первую очередь про JS. Бросьте vue и идите учить основы JS. Без этого Вы будете писать отвратительный код и тратить кучу времени на поиск ошибок, потому что не будете понимать как оно работает.

    Что делает свойство(не знаю как правильно назвать) "try" , если можете объясните поподробнее
    Уважайте других. Это одна из базовых конструкций языка и информации о ней в интернете более чем достаточно. Было бы правильно, с Вашей стороны поступить следующим образом: Я прочитал про try catch это это и это, я не понял это и это и у меня вот такой вопрос.

    Как мне вычесть длину массива
    Длина массива всегда доступна, это основное свойство этой структуры данных. Её никак вычислять не нужно. Либо Вы плохо задали вопрос, либо основы JS Вы даже не начинали учить, а это критическое упущение.

    и поделить ее на лимит объектов на одной странице
    Не понятно про что вопрос. Не знаете операцию деления или что?

    Что делает свойство "async"
    Это так же базовая конструкция языка. Информации полно в интернете объясняющих её вдоль и поперёк.

    Ресурсы для изучения:
    Общие ссылки(на обоих ресурсах есть русский язык по всем или почти всем статьям):
    https://learn.javascript.ru/
    https://developer.mozilla.org/en-US/docs/Web/JavaScript

    Относящиеся к вопросу(по 2 ссылки на тему, по 1 на каждый ресурс. Читайте там где удобнее, а лучше обе, если не поняли):
    https://learn.javascript.ru/array
    https://developer.mozilla.org/en-US/docs/Web/JavaS...
    https://learn.javascript.ru/try-catch
    https://developer.mozilla.org/en-US/docs/Web/JavaS...
    https://learn.javascript.ru/async-await
    https://developer.mozilla.org/en-US/docs/Web/JavaS...

    Перед чтением про async лучше почитать про promise. Тема асинхронности не из простых.
    https://learn.javascript.ru/promise-basics
    https://developer.mozilla.org/en-US/docs/Web/JavaS...

    Чтобы лучше понять асинхронность стоит так же почитать про event loop и как браузер выполняет задачи.
    Тут уже ссылки не буду искать, скину лишь одну статью, дальше сами.
    https://habr.com/ru/companies/yandex/articles/718084/
    Написано
  • Какие есть варианты решения проблем со слайдером?

    MrDecoy
    @MrDecoy Куратор тега CSS
    Начало не плохое. Осталось описать по какому конкретно "месту", а так же что Вы пытались с этим сделать и что не получилось.
    Написано
  • Изображения не загружаются если их слишком много?

    MrDecoy
    @MrDecoy Куратор тега HTML
    Как это решить и/или оптимизировать

    Свести к одной картинке. Или категоризировать картинки и свести количество картинок к количеству категорий
    https://ru.wikipedia.org/wiki/%D0%A1%D0%BF%D1%80%D...

    https://habr.com/ru/articles/159027/
    https://telegra.ph/Stack--sprajt-zdorovogo-chelove...
    https://siteok.org/blog/html/svg-sprajty
    Написано
  • Как заполнить форму на сайте через JS?

    MrDecoy
    @MrDecoy Куратор тега JavaScript
    но сразу возвращается старое, когда я тыкаю по странице.

    Ну так ищите код который это делает.
    Написано
  • Порядок селектора в css?

    MrDecoy
    @MrDecoy Куратор тега CSS
    LOG228, https://developer.mozilla.org/ru/docs/Web/CSS/CSS_...

    ol { counter-reset: list1; } 
    ol ol { counter-reset: list2; }

    Каждый список у Вас сбрасывает счётчик1, а каждый вложенный список сбрасывает счётчик 2.

    Соответственно элементы верхнего списка нумеруются через это правило:
    ol li:before {
     counter-increment: list1; 
     content: counter(list1) ". "; 
    }


    А вложенного через это:
    ol ol li:before {
     counter-increment: list2; 
     content: counter(list1) "." counter(list2) ". "; 
    }


    Таким образом получаем все элементы верхнего списка имеют нумерацию через counter1, в элементы вложенных список свою нумерацию через counter2, при этом каждый последующий вложенный список начинает нумерацию counter2 заного.
    Написано
  • Как количественно открыть страницы из списков в новых вкладках браузера?

    MrDecoy
    @MrDecoy Куратор тега JavaScript
    как правило браузер блокирует открытие большого количества вкладок с одной страницы.
    Вы разрешили сайту в брузере это делать? Один раз разрешите и должно быть ок. Как правило сбоку в адресной строке есть соответствующее уведомление.
    Написано
  • Как грамотно сверстать такой круговой слайдер?

    MrDecoy
    @MrDecoy
    демку с демонстрацией проблемы в студию.
    Пока что ничего не понятно.
    Написано
  • Как спозиционировать position:absolute?

    MrDecoy
    @MrDecoy Куратор тега CSS
    а макет показать можете? А то может Вы не ту совсем проблему решаете или не так
    Написано