Попрощайтесь с рендерингом на стороне сервера. Prerender.io — SPA с учетом SEO.
https://sviat-kuzhelev.medium.com/say-goodby-to-server-side-rendering-prerender-io-spas-with-seo-in-mind-62e6f68eb323
https://sviat-kuzhelev.medium.com/say-goodby-to-server-side-rendering-prerender-io-spas-with-seo-in-mind-62e6f68eb323
Medium
Say goodby to Server Side Rendering. Prerender.io — SPAs with SEO in mind.
“Perfection is achieved not when there is nothing more to add, but rather when there is nothing more to take away.” — Antoine de…
Обзор petite-vue - мини версии Vue для использования прямо в браузере.
https://www.youtube.com/watch?v=MYJynMWJlFM
https://www.youtube.com/watch?v=MYJynMWJlFM
YouTube
petite-vue
Dave gives us a look at petite-vue, a special (and extra small) version of Vue that is designed to be used directly in the browser, requires no build step, and allows us to build pleasantly interactive apps very delcaratively.
React Hooks для бесконечной прокрутки: расширенное руководство
https://blog.logrocket.com/react-hooks-infinite-scroll-advanced-tutorial/
https://blog.logrocket.com/react-hooks-infinite-scroll-advanced-tutorial/
LogRocket Blog
React Hooks for infinite scroll: An advanced tutorial - LogRocket Blog
Learn how to build your own React Hook for infinite scroll, along with some advanced features that will take your app to the next level.
Эффектный переход между страницами с помощью кинетической типографики
https://tympanus.net/codrops/2021/09/29/kinetic-typography-page-transition/
https://tympanus.net/codrops/2021/09/29/kinetic-typography-page-transition/
Углубленный взгляд на процесс бандлинга в webpack
https://indepth.dev/posts/1482/an-in-depth-perspective-on-webpacks-bundling-process
https://indepth.dev/posts/1482/an-in-depth-perspective-on-webpacks-bundling-process
Худшие практики Javascript.
Фернандо Доглио рассказывает о вредных привычках, от которых нужно отказаться прямо сейчас
https://blog.bitsrc.io/javascript-worst-practices-dc78e19d6f12
Фернандо Доглио рассказывает о вредных привычках, от которых нужно отказаться прямо сейчас
https://blog.bitsrc.io/javascript-worst-practices-dc78e19d6f12
JavaScript: разрабатываем приложение для записи звука
https://habr.com/ru/company/timeweb/blog/581086/
https://habr.com/ru/company/timeweb/blog/581086/
6+5 способов сделать две колонки ✌️ От таблиц и флоатов до гридов и полной дичи 😱
https://www.youtube.com/watch?v=DxSjlTKvmS8
https://www.youtube.com/watch?v=DxSjlTKvmS8
YouTube
6+5 способов сделать две колонки ✌️ От таблиц и флоатов до гридов и полной дичи 😱
00:00 Интро
01:22 Таблица
03:06 Флоаты
04:10 Инлайны
06:02 Мультиколонки
07:21 Флексы
08:27 Гриды
08:51 Вторая группа
09:30 Позиционирование
10:18 Направление письма
11:39 SVG
15:59 Элемент
18:17 Фреймы
21:58 Баг в Safari
22:44 Выводы
23:35 Аутро
Нравится?…
01:22 Таблица
03:06 Флоаты
04:10 Инлайны
06:02 Мультиколонки
07:21 Флексы
08:27 Гриды
08:51 Вторая группа
09:30 Позиционирование
10:18 Направление письма
11:39 SVG
15:59 Элемент
18:17 Фреймы
21:58 Баг в Safari
22:44 Выводы
23:35 Аутро
Нравится?…
👍1🔥1
История о CSS-сбросах и все, что о них нужно знать. Еще раз об этом
https://habr.com/ru/company/otus/blog/580442/
https://habr.com/ru/company/otus/blog/580442/
Хабр
История о CSS-сбросах и все, что о них нужно знать. Еще раз об этом
Полное ( или почти полное, надеюсь) руководство по библиотекам CSS Reset Фото Sasha • Stories на Unsplash Небольшое вступление: меня заинтересовали CSS-сбросы по вполне практичной...
Обеспечение мгновенной загрузки страниц в браузере с помощью спекулятивного пре-рендеринга
https://web.dev/speculative-prerendering/
https://web.dev/speculative-prerendering/
Chrome for Developers
Prerender pages in Chrome for instant page navigations | Web Platform | Chrome for Developers
The Chrome team has been working on options to bring back full prerendering of future pages that a user is likely to navigate to.
React philosophies: Вещи, о которых я думаю, когда пишу код React
https://github.com/mithi/react-philosophies
https://github.com/mithi/react-philosophies
GitHub
GitHub - mithi/react-philosophies: 🧘 Things I think about when I write React code 🧘
🧘 Things I think about when I write React code 🧘 - GitHub - mithi/react-philosophies: 🧘 Things I think about when I write React code 🧘
Как создать MVP с помощью React и Firebase
https://www.sitepoint.com/react-firebase-build-mvp/?utm_campaign=how-to-build-an-mvp-with-react-and-firebase&utm_medium=social_link&utm_source=missinglettr-twitter
https://www.sitepoint.com/react-firebase-build-mvp/?utm_campaign=how-to-build-an-mvp-with-react-and-firebase&utm_medium=social_link&utm_source=missinglettr-twitter
SitePoint
How to Build an MVP with React and Firebase
MVPs are useful for testing markets before fully investing in your product. Learn how to build an MVP using React and Firebase.
Использование современных форматов изображений: AVIF и WebP.
Большая статья от Эдди Османи.
https://www.smashingmagazine.com/2021/09/modern-image-formats-avif-webp/
Большая статья от Эдди Османи.
https://www.smashingmagazine.com/2021/09/modern-image-formats-avif-webp/
Smashing Magazine
Using Modern Image Formats: AVIF And WebP — Smashing Magazine
In this article, we’ll highlight how modern image formats (AVIF or WebP) can improve compression by up to 50% and deliver better quality per-byte while still looking visually appealing. We’ll compare what’s possible at high-quality, low-quality and file-size…
👍1
Как писать на HTML Canvas удобно, или как изобрести очередной renderer на Angular
https://habr.com/ru/post/581034/
https://habr.com/ru/post/581034/
Распространённые ошибки при использовании npm, которых лучше не совершать
https://habr.com/ru/company/ruvds/blog/580278/
https://habr.com/ru/company/ruvds/blog/580278/
Хабр
Распространённые ошибки при использовании npm, которых лучше не совершать
Npm — это крупнейший менеджер пакетов. Его сравнительно просто и понятно использовать в практике веб-разработки. Но когда речь заходит о применении собственных конфигураций или об использовании...