Тестируем фронтенд на доступность в DevTools - Lighthouse, AOM Tree. Скрытая панель Rendering.

แชร์
ฝัง
  • เผยแพร่เมื่อ 11 ม.ค. 2025

ความคิดเห็น • 22

  • @AleksanderLamkov
    @AleksanderLamkov  ปีที่แล้ว +2

    📌 Друзья, в телеграмме у нас есть отдельный чат, где вы можете задать вопрос по фронтенд-разработке и вам постараются помочь:
    💬 t.me/friendlyFrontendChat
    Если вам это интересно, присоединяйтесь, задавайте вопросы и помогайте другим 🙂

  • @smotritelyoutube
    @smotritelyoutube ปีที่แล้ว +11

    Нужная тема, а то по факту на русско-язычном ютубе и не особо освещают данную тему, лайк, как всегда!

  • @iuliiapankevych547
    @iuliiapankevych547 18 วันที่ผ่านมา +1

    Спасибо, что рассказал о таком классном инструменте)

  • @slamedesign
    @slamedesign 2 หลายเดือนก่อน +1

    Чуток офигел, Когда узнал про theme в js, которая напрямую связана с клиентскими настройками темы браузера (системная и т.п.). Просто вау! Это слишком дорогостоящий конетнт

  • @АлександрСальников-с2ж
    @АлександрСальников-с2ж 5 หลายเดือนก่อน +2

    Коммент в поддержку

  • @akylbekbaizakov
    @akylbekbaizakov 6 หลายเดือนก่อน +1

    Огромная благодарность за урок! 🙌👍

  • @Ivanfwit
    @Ivanfwit 10 หลายเดือนก่อน +4

    круто что реализовал это все на своем сайте!

  • @andrewdefould1453
    @andrewdefould1453 ปีที่แล้ว +4

    офигенный материал, спасибо!)

  • @andreystern5972
    @andreystern5972 ปีที่แล้ว +2

    Александр, привет! Было бы классно посмотреть видео в твоем исполнении на тему составления резюме для фронтендера и поиска работы.

    • @AleksanderLamkov
      @AleksanderLamkov  ปีที่แล้ว +1

      Привет! Спасибо за идею, взял на заметку :)

  • @NeoCoding
    @NeoCoding 11 หลายเดือนก่อน +3

    респект за данную тематику

  • @biscvie
    @biscvie 10 หลายเดือนก่อน +2

    Спасибо!

  • @daniil2704
    @daniil2704 2 หลายเดือนก่อน

    Мне дало оценку 95 🥲
    Проблемы 2:
    1. не слишком констрастный цвета
    2. в одном месте идет h4 после h2, ибо нужен был меньше чем h3, а у меня в стилях прописаны сайзы к тегам. Думаю заменю вместо тегов на классы, скажем title-1, title-2, и заменю h4 на h3 с классом title-4

    • @AleksanderLamkov
      @AleksanderLamkov  2 หลายเดือนก่อน +1

      По поводу заголовков - я делаю всегда дубли к селекторам по тегам, то есть .h1, .h2 и так далее. И часто делаю в разметке подобное:
      Визуально заголовок третьего уровня

  • @Gresh666
    @Gresh666 ปีที่แล้ว +2

    можешь пожалуйста выпускать видео по js практика
    ПОЖАЛУЙСТА

    • @AleksanderLamkov
      @AleksanderLamkov  ปีที่แล้ว +2

      Привет! Курс по JS в процессе, в феврале начнется.

  • @hhh224s
    @hhh224s ปีที่แล้ว +1

    Привет, а когда гайд по scss? и js

    • @AleksanderLamkov
      @AleksanderLamkov  ปีที่แล้ว +2

      Привет! По SCSS уже есть на канале: th-cam.com/video/pBSch5AsJWs/w-d-xo.html
      А по JS планирую начать выпускать курс в феврале :)

    • @hhh224s
      @hhh224s ปีที่แล้ว +2

      Спасибо

  • @jekakavaltchuk2714
    @jekakavaltchuk2714 6 หลายเดือนก่อน

    Александр, здравствуйте, может подскажите в чем может быть дело: когда нахожусь на вашем сайте, то анимация вовсе отсутсвует на нем, в настройках указан "prefers-reduced-motion: No emulation", возможно есть еще какие влияющие на это настройки? Браузер хром, уточню на всякий случай

    • @AleksanderLamkov
      @AleksanderLamkov  6 หลายเดือนก่อน

      Хм. А переходы есть? Если навести курсор на интерактивный элемент (ссылку, кнопку), то будет ли заметен плавный переход длительностью ~0.2с? Я там вроде цвета перекрашиваю или тенями манипулирую.

    • @AleksanderLamkov
      @AleksanderLamkov  6 หลายเดือนก่อน

      Может на уровне самой ОС определяется такое поведение? Ну, prefers-reduced-motion: reduce.
      А на других сайтах есть плавность? Хотя, конечно, не все учитывают этот медиазапрос.