Typical Frontend
134 subscribers
48 photos
625 links
News and events from the World of Frontend and around it. Tools and useful materials on everything that may be of interest to a frontend developer as well.

For all questions you can write @Typical_Front_End
Download Telegram
​​Использование GSAP 3 для веб-анимации

https://blog.logrocket.com/using-gsap-3-for-web-animation/

#development
​​Будущее CSS: анимация с прокруткой и scroll-timeline (часть 1):

https://www.bram.us/2021/02/23/the-future-of-css-scroll-linked-animations-part-1/

#css
​​Забудьте про div, семантика спасёт интернет:

https://habr.com/ru/company/htmlacademy/blog/546500/

#html
​​Как создавать анимацию, базирующуюся на скорости в React:

https://eytanmanor.medium.com/how-to-create-velocity-based-animations-in-react-8468d09e63f5

#react
​​Адаптивные изображения: разные методы и тактики:

https://blog.bitsrc.io/responsive-images-different-techniques-and-tactics-6045a1fa7ea2

#development
​​10 вопросов начального уровня по React на собеседовании:

https://javascript.plainenglish.io/10-entry-level-react-interview-questions-5a8ea74e2130

#react
​​Полное руководство по профилированию приложений React:

https://blog.asayer.io/the-definitive-guide-to-profiling-react-applications/

#react
​​В десктопной версии Google Chrome появилась поддержка автоматических субтитров:

https://3dnews.ru/1033536

#browsers
​​Создайте приложение для отслеживания бюджета на React — изучение React & Context API с помощью интересного проекта:

https://www.freecodecamp.org/news/react-budget-tracker-app/

#react
​​Пришло время кодекам нового поколения отказаться от JPEG:

https://cloudinary.com/blog/time_for_next_gen_codecs_to_dethrone_jpeg

#performance
​​Знаете ли вы о CSS селекторе :has?

https://css-tricks.com/did-you-know-about-the-has-css-selector/

#css
​​Три важных вещи, которые вы должны знать о :is() в CSS:

https://www.bram.us/2021/03/19/three-important-things-you-should-know-about-css-is/

#css
​​5 различных инструментов для мониторинга фронтенда:

https://blog.bitsrc.io/5-different-tools-for-frontend-monitoring-79db94014d

#tools
​​Веб-анимация для фронтендеров. Что выбрать: CSS, JavaScript или SVG:

https://www.youtube.com/watch?v=rV1bnnBkNQ8

#development
​​7 вопросов для интервью по ключевому слову this в JavaScript:

https://dmitripavlutin.com/javascript-this-interview-questions/

#js
​​Простые советы по написанию чистых компонентов React:

https://isamatov.com/simple-tips-for-writing-clean-react-components/

#react
​​7 полезных атрибутов HTML, о которых вы, возможно, не знаете:

https://javascript.plainenglish.io/7-useful-html-attributes-that-you-probably-dont-know-661784fe21e

#development
​​Лучшие стратегии загрузки шрифтов и способы их реализации:

https://css-tricks.com/the-best-font-loading-strategies-and-how-to-execute-them/?ref=heydesigner

#development
​​Core Web Vitals: как Google решил оценивать сайты:

https://habr.com/ru/company/rambler_group/blog/544904/

#performance
​​Кто еще не видел - интервью с Дэном Абрамовым: React 17, Suspense, Redux, холивары:

https://habr.com/ru/company/jugru/blog/545024/

#react