#8 Верстка сайта для начинающих | Оптимизация, html валидатор, доработки

Опубликовано: 05 Октябрь 2024
на канале: Фронтендер

4,917

147

Верстаем макет сайта (лендинга) из Photoshop. В уроке повысим скорость сайта в Google page speed, исправим ошибки через html validator, сделаем доработки по функционалу

/* Материалы урока */
Код: https://github.com/DmitryBerdnikov/pi...
Макет: https://drive.google.com/file/d/1x2G6...

/* Ссылки урока */
Timeweb: http://timeweb.com/ru/services/hostin...
Focus-visible: https://github.com/WICG/focus-visible
Google PageSpeed: https://developers.google.com/speed/p...
TinyPNG: https://tinypng.com/
LazyLoad: https://github.com/verlok/lazyload
Webp Converter: https://image.online-convert.com/ru/c...
Can I use: https://caniuse.com/
Webp js check: https://stackoverflow.com/questions/5...
Html validator: https://validator.w3.org/
Google fonts URL encode: https://stackoverflow.com/questions/2...
Png pixel: http://png-pixel.com/
Lambdatest: https://www.lambdatest.com
Meta теги: http://htmlbook.ru/content/metategi
Open graph: https://ruogp.me/
Realfavicongenerator: https://realfavicongenerator.net/

Меня зовут Дмитрий Бердников, и я веб-разработчик. На этом канале буду делиться знаниями по веб-разработке.

/* Добавляйся в друзья */
Мой ВК - https://vk.com/berdnikovdmitry

♫Music By♫
●Kronicle - Another Chill Day
●Soundcloud - / the-chemist-10

#обучение #верстка