Помню когда писал chat на чистом JS очень плотно пришлось поработать с HTML data- атрибутами.
Очень нужная и классная штука.
Поэтому публикую перевод - Полное руководство по HTML-атрибутам data-
👉Подробнее👈
#html
Очень нужная и классная штука.
Поэтому публикую перевод - Полное руководство по HTML-атрибутам data-
👉Подробнее👈
#html
Хабр
Полное руководство по HTML-атрибутам data-*
Представляем вашему вниманию перевод статьи, посвящённой использованию атрибутов data-*. Это — атрибуты, которые можно применять для удобного хранения в стандарт...
Полное руководство по работе с изображениями.
Перевод отличной статьи, рекомендую любому веб-разработчику.
✅В закладки
#html #css
Перевод отличной статьи, рекомендую любому веб-разработчику.
✅В закладки
#html #css
Недавно обсуждали в чате mobilefirst вёрстку и насколько это актуально. Лично я двумя руками за этот подход, тем более мобильный веб уже не будущее, а настоящее.
Поэтому, поискал что есть свеженькое на этот счёт и нашел:
видео верстки mobile first вот этого проекта в Figma.
Так что, если у вас есть свободные 3 часа - попробуйте. Новичкам рекомендую смотреть как автор верстает блок, а потом самому его сверстать. Пусть даже что-то не так получится, опыта вы получите больше.
#html #css
Поэтому, поискал что есть свеженькое на этот счёт и нашел:
видео верстки mobile first вот этого проекта в Figma.
Так что, если у вас есть свободные 3 часа - попробуйте. Новичкам рекомендую смотреть как автор верстает блок, а потом самому его сверстать. Пусть даже что-то не так получится, опыта вы получите больше.
#html #css
YouTube
Mobile first метод. Верстка сайта html/css. Адаптивная верстка. ч.1
Друзья, в видео я полностью расскажу, что такое метод верстки mobile first. Не только расскажу, но и как всегда, мы закрепим с вами все на практике, и сверстаем полностью сайтец с дизайном на 5 экранов. Посмотрим на другой подход к адаптиву в верстке.
Макет:…
Макет:…
Думаю, самый популярный плагин в редакторе любого программиста, которому требуется верстать - EMMET.
Я сейчас только представил - как же без него не весело. Поэтому, хочу поделиться материалами, которые очень мне помогли:
1. Подробное руководство - EMMET молниеносная верстка
2. Шпаргалка по EMMET
✅В закладки!
#css #html
Я сейчас только представил - как же без него не весело. Поэтому, хочу поделиться материалами, которые очень мне помогли:
1. Подробное руководство - EMMET молниеносная верстка
2. Шпаргалка по EMMET
✅В закладки!
#css #html
На одном из собеседований мне задавали вопросы про оптимизацию загрузки сайта. К сожалению, я слабоват в этой теме, но считаю ее очень важной и собираюсь хорошо разобраться в ней.
Вчера наткнулся на видео, где узнал много интересно. К сожалению, автор далеко не все моменты раскрыл, но посмотреть рекомендую.
ЗЫ Кто в курсе, насколько это важная тема - начинайте смотреть с 10минуты. На скорости х1.5 мне было комфортно.
👉Повышаем скорость загрузки сайта
#js #html #css
Вчера наткнулся на видео, где узнал много интересно. К сожалению, автор далеко не все моменты раскрыл, но посмотреть рекомендую.
ЗЫ Кто в курсе, насколько это важная тема - начинайте смотреть с 10минуты. На скорости х1.5 мне было комфортно.
👉Повышаем скорость загрузки сайта
#js #html #css
YouTube
Повышаем производительность и скорость загрузки сайта простыми способами
⁃ почему важно думать о скорости загрузки
⁃ разбираемся что такое time to interactive
⁃ изучаем основные этапы загрузки сайта
⁃ влияние скорости загрузки на прибыль
⁃ оценка first contentful paint при помощи инструмента lighhouse
⁃ практика
Повышаем…
⁃ разбираемся что такое time to interactive
⁃ изучаем основные этапы загрузки сайта
⁃ влияние скорости загрузки на прибыль
⁃ оценка first contentful paint при помощи инструмента lighhouse
⁃ практика
Повышаем…