#meetup#css
Это не реклама митапа. Это агитация за красивую анимацию 😊 https://css-minsk-js.by

#feature
Кто-нибудь задумывался, как работает скролл? Про то, как ноды добавляются/удаляются, про просчет наперед, сколько надо предзагрузить ресурсов перед показом? Скоро весь этот геморрой можно будет отложить. В Chrome 76 появилась новая фича, позволяющая сделать всё за нас - ленивая загрузка. Все подробности по ссылочке (там есть картинки с котиками 🙈) . К сожалению, все полезные фичи долго раскатываются, поэтому подобно метатегам нам придется их ждать 😢 (пруф на пикче с caniuse.com, 0.15%.. )
Чудо-фича 👉 https://web.dev/native-lazy-loading

#rendering
Не так давно шарила статейку про разницу веб-приложения и SPA. Вдогонку разница между разными видами рендеринга 🙈 Enjoy!
👉 https://tproger.ru/translations/rendering-on-the-web/

неожиданно, но ожидаемо 👍

Светлое будущее для отступов с помощью свойства gap не только для гридов, но и для флексов. Брайан Робинсон сравнивает сочетание margin + calc со свойством, ранее известным как grid-gap — https://bryanlrobinson.com/blog/gap-provides-bright-future-for-margins-in-flex-as-well-as-grid/

#meetup
https://facebook-developer-circle-moscow-launch-event.splashthat.com Митапчик от Facebook в Москве. Обо всем, в том числе о фронтенде

Первые главы видеокурса Евгения Ковальчука по паттернам программирования в JavaScript:

— Singleton
— Factory method
— Аbstract factory
— Prototype
— Builder
— Decorator
— Facade
— Proxy

Какая прелесть 🙈

Создание анимированных фавиконок. Прити Сэм в переводе на Хабре собирает фавиконку с анимацией загрузки с помощью Canvas, JavaScript и геометрии — https://habr.com/p/464127/

Почему она такая кайфовая 🙈 #css#animation

#react
Нечто очень странное, но вай нот https://github.com/shakacode/react_on_rails

#animation#css
как же это красиво 😍
https://yandex.ru/championship/?utm_source=academy&utm_medium=post&utm_campaign=anons

#bash
не редко даже фронтендерам приходится работать со сценариями командной строки. Самый подробный и понятный гайд по bash, который я видела, тут 👉 https://habr.com/en/company/ruvds/blog/325522/

#js_basic
Основы всегда в моде! Всё, что вы хотели знать о циклах в js, но боялись спросить 👉https://frontender.info/es6-in-depth-iterators-and-the-for-of-loop/

#testing
В вопросах метрик часто может помочь А/Б тестирование. Приятного знакомства 👉 https://texterra.ru/blog/kak-provodit-a-b-testirovanie.html

#testing
альфа-бета тестирование 👉 https://myblaze.ru/testirovanie-chto-takoe-alfa-i-beta-test/

#testing
чуть больше разницы между разными видами тестирования 👉 https://habr.com/en/post/358142/

#testing
А вы знали про pairwise? 👉 https://training.qatestlab.com/blog/technical-articles/pairwise-testing/

#challenge
6 челенджей, которые помогут развить внутреннего фронтендера https://medium.com/better-programming/here-are-6-frontend-challenges-to-code-9952190c97cc

#bug
Просто слегка сломанный сайт МХАТа им. Чехова.. хнык-хнык, плак-плак https://mxat.ru/performance/main-stage/master/

#devtools
https://webpagetest.org - довольно прикольный ресурс для просмотра метрик сайта. Из основных особенностей:
- возможность выбора локации заграницей, опреленных браузеров (в т.ч. мобильных), откуда можно сделать запросы
- просмотр основных метрик загрузки, рендеринга
- просмотр отдельных метрик по каждому урлу, доступному на сайте
- просмотр отдельных метрик по каждому запросу на ресурсы с сайта
и куча других плюшек, которые я еще исследую 🙈

По факту основной кейс такой: сервис делает три тестовых запроса на указанный домен и собирает кучу полезностей для анализа перфоманса (берет медиану от результатов всех трех тестов)