FrontEndDev
28.3K subscribers
2.32K photos
23 videos
7.52K links
🚀 Статьи, новости, туториалы по frontend разработке.

https://jem-space.ru

Admin: @jem_jem
Пишу в @five_a_m

Читать на парковке: https://max.ru/front_end_dev

Реклама: https://bit.ly/2NxmVDu
РКН: https://clck.ru/3GLw7G
Download Telegram
Совет от Addy Osmani по ускоренной загрузке изображений.

https://addyosmani.com/blog/fetch-priority/
👍13❤‍🔥1
Как протестировать service worker?

Несколько примеров на Playwright, которые помогут вам разобраться.

https://jeffy.info/2022/08/25/testing-a-service-worker.html
👍9
This media is not supported in your browser
VIEW IN TELEGRAM
Создаем Single Page Application с CSS переходами.

Используем GSAP для создания слайдинг эффекта.

https://blog.logrocket.com/single-page-applications-css-transitions/
👍9🔥1
Полное руководство по Vue 3 Composition API

https://blog.openreplay.com/an-ultimate-guide-to-the-vue-3-composition-api
🔥13👎3❤‍🔥2👍2
Использование именованных областей для гридовой разметки.

https://css-tricks.com/using-grid-named-areas-to-visualize-and-reference-your-layout/
👍14
Мне всегда было интересно узнать, как устроены дата-центры в современных IT-компаниях. Думаю, вам тоже.

Авито в своём видео раскрывает карты и рассказывает, что хранят на серверах, что самое дорогое в дата-центре и как поддерживать работу серверов 24/7/365.
👍5
Forwarded from Habr For Dev
#tcp #ip

Почему ваш веб-сайт должен быть меньше 14 КБ

Чем меньше веб-сайт, тем быстрее он грузится, и это неудивительно. Удивительно то, что страница на 14 КБ может грузиться гораздо быстрее, чем страница на 15 КБ, даже на 612 мс быстрее, хотя разница между страницами на 15 КБ и 16 КБ минимальна. Так происходит из-за алгоритма медленного старта TCP. В этой статье я расскажу, что это такое, как оно работает и почему это важно. Но сначала мы вкратце расскажем об основах.

Рейтинг: 138

Читать
👍27🤔10🤯1
Креативные варианты стилизации списков

https://web.dev/creative-list-styling/
👍9🤮3
Несколько подсказок по media query для тех, кто забывает синтаксис.

https://mediaquery.style/
👍7🔥6
5 общих советов по оптимизации React (и не только) приложений.

https://javascript.plainenglish.io/5-optimization-tips-for-react-you-should-know-2f7e316bdd05
👍9🤔1
Что сломается в вашем приложении, если пользователь запретит использование cookies в браузере.

https://blog.tomayac.com/2022/08/30/things-not-available-when-someone-blocks-all-cookies/
🔥10😱7👍6
Девять порочных практик React. Разбираем частые ошибки

https://habr.com/ru/company/ncloudtech/blog/685400/
👍14💩10🤡4
Варианты использования Google Lighthouse для мониторинга перфоманса приложения

https://refine.dev/blog/lighthouse-google-chrome/
👍8
Продвинутые способы логирования с console в JS

https://javascript.plainenglish.io/its-2022-please-don-t-just-use-console-log-anymore-217638337c7d
👍23👎3
Разработка радар системы для самолетов на JavaScript — работа с Web USB.

https://charliegerard.dev/blog/aircraft-radar-system-rtl-sdr-web-usb/
👍254
Пошаговый туториал по сборке приложения с Webpack и TypeScript.

https://blog.logrocket.com/using-webpack-typescript/
🔥17👎3👍1
Бесконечный скролл: преимущества, недостатки, примеры использования, модификации.

https://www.nngroup.com/articles/infinite-scrolling-tips/
👍11
Что такое polyfill и как написать и использовать свой собственный.

https://blog.logrocket.com/use-polyfills-react-app/
👍10
Как написать кроссбраузерное расширение в 2022 году

https://habr.com/ru/company/sbermarket/blog/685866/
👍9