Forwarded from Веб-страница
Реально ли менять дизайн страницы, оставляя её разметку такой же и изменяя только стили?
Вполне. Автор этой статьи показывает, как:
https://tprg.ru/YjTu
#фронтенд #css #html
Вполне. Автор этой статьи показывает, как:
https://tprg.ru/YjTu
#фронтенд #css #html
#html #tips
Ленивая подгрузка изображений
Возможные значиния:
auto - поведение, установленное по умолчанию, для разных браузеров оно будет различным.
lazy - ленивая загрузка изображений. Загрузка изображения откладывается до тех пор, пока оно не появится в области видимости экрана при скролле.
eager - изображение загружается сразу.
Ленивая подгрузка изображений
<img src="/images/image.jpg" loading="lazy">Новый атрибут для ленивой подгрузки изображений, поддерживаемый на уровне браузера. К сожалению, пока не везде поддерживается.
Возможные значиния:
auto - поведение, установленное по умолчанию, для разных браузеров оно будет различным.
lazy - ленивая загрузка изображений. Загрузка изображения откладывается до тех пор, пока оно не появится в области видимости экрана при скролле.
eager - изображение загружается сразу.
Forwarded from Находки в опенсорсе
Forwarded from Будни разработчика
#статья дня
#html #css #px #em #rem #vw #vh
Лето и отпуск не лучшие помощники в написании новых статей, но ничто не забыто.
Тем временем великолепная Йоксель (https://twitter.com/yoksel) выпустила крайне подробную статью о единицах измерения в CSS.
Рассмотрены даже не самые популярные единицы вроде ex и ch, даны разъяснения об их вычислении и приведены наглядные примеры.
Единственное, не сказано о том, что v-единицы не реагируют на масштаб в браузере. Надо бы сообщить. (см. Upd.)
Читаем и не забываем подписываться на Йоксель в твиттере.
Upd. О важности взаимодействия с авторами. В статье появилось упоминание, что v-единицы не реагируют на масштаб. Никогда не стесняйтесь сообщать авторам статей о всём, что считаете нужным.
http://css.yoksel.ru/size-units/
#html #css #px #em #rem #vw #vh
Лето и отпуск не лучшие помощники в написании новых статей, но ничто не забыто.
Тем временем великолепная Йоксель (https://twitter.com/yoksel) выпустила крайне подробную статью о единицах измерения в CSS.
Рассмотрены даже не самые популярные единицы вроде ex и ch, даны разъяснения об их вычислении и приведены наглядные примеры.
Единственное, не сказано о том, что v-единицы не реагируют на масштаб в браузере. Надо бы сообщить. (см. Upd.)
Читаем и не забываем подписываться на Йоксель в твиттере.
Upd. О важности взаимодействия с авторами. В статье появилось упоминание, что v-единицы не реагируют на масштаб. Никогда не стесняйтесь сообщать авторам статей о всём, что считаете нужным.
http://css.yoksel.ru/size-units/
Forwarded from Веб-страница
Порядок выполнения скриптов в HTML и как работает тег <script>
Как случайно не остановить загрузку страницы одним скриптом? Узнать, как работает тег
https://tprg.ru/hCQ6
#фронтенд #html #javascript
Как случайно не остановить загрузку страницы одним скриптом? Узнать, как работает тег
<script> в зависимости от атрибутов. Ловите шпаргалку и статью с подробным объяснением:https://tprg.ru/hCQ6
#фронтенд #html #javascript
Forwarded from Веб-страница
Как тестировать фронтенд
Чтобы избежать проблем, нужно тестировать не только JavaScript-код, но даже HTML. Ведь проблемы с вёрсткой могут сильно испортить впечатления пользователя.
В этой статье автор рассказал, как в их компании тестируют фронтенд и, в частности, вёрстку и записал целый чек-лист:
https://tprg.ru/IzDW
#фронтенд #html
Чтобы избежать проблем, нужно тестировать не только JavaScript-код, но даже HTML. Ведь проблемы с вёрсткой могут сильно испортить впечатления пользователя.
В этой статье автор рассказал, как в их компании тестируют фронтенд и, в частности, вёрстку и записал целый чек-лист:
https://tprg.ru/IzDW
#фронтенд #html