#статья дня
#html #css #px #em #rem #vw #vh

Лето и отпуск не лучшие помощники в написании новых статей, но ничто не забыто.

Тем временем великолепная Йоксель (https://twitter.com/yoksel) выпустила крайне подробную статью о единицах измерения в CSS.

Рассмотрены даже не самые популярные единицы вроде ex и ch, даны разъяснения об их вычислении и приведены наглядные примеры.

Единственное, не сказано о том, что v-единицы не реагируют на масштаб в браузере. Надо бы сообщить. (см. Upd.)

Читаем и не забываем подписываться на Йоксель в твиттере.

Upd. О важности взаимодействия с авторами. В статье появилось упоминание, что v-единицы не реагируют на масштаб. Никогда не стесняйтесь сообщать авторам статей о всём, что считаете нужным.

http://css.yoksel.ru/size-units/

​​Futuristic Sci-Fi and Cyberpunk graphical user interface framework for web apps

Arwes is a web framework to build user interfaces for web applications based on futuristic science fiction and cyberpunk styles, animations, and sound effects. The concepts behind are opinionated and try to inspire advanced space technology and alien influence. It is built on top of #react, JSS, Anime, and Howler.

https://github.com/arwes/arwes

#js #css #html

​Порядок выполнения скриптов в HTML и как работает тег <script>

Как случайно не остановить загрузку страницы одним скриптом? Узнать, как работает тег <script> в зависимости от атрибутов. Ловите шпаргалку и статью с подробным объяснением:

https://tprg.ru/hCQ6

#фронтенд #html #javascript

​​React-JSS — альтернативный способ стилизации компонентов

JSS — это относительно новый инструмент для стилизации компонентов. Он использует JavaScript для декларативного создания правил CSS, помогает в их переиспользовании и избежании конфликтов. React-JSS это его адаптация для библиотеки React.js.

Как с его помощью стилизовать компоненты, динамически применять темы — читайте на нашем сайте — https://highload.today/react-jss-alternativnyj-sposob-stilizatsii-komponentov/

#css #html #javascript #jss #reactjss #REACTJSS

​Как тестировать фронтенд

Чтобы избежать проблем, нужно тестировать не только JavaScript-код, но даже HTML. Ведь проблемы с вёрсткой могут сильно испортить впечатления пользователя.

В этой статье автор рассказал, как в их компании тестируют фронтенд и, в частности, вёрстку и записал целый чек-лист:

https://tprg.ru/IzDW

#фронтенд #html