FBO Particles with Three.js: как создать облако частиц, которое можно увидеть на сайте Visualdata
https://tympanus.net/codrops/2021/05/31/fbo-particles-with-three-js/
https://tympanus.net/codrops/2021/05/31/fbo-particles-with-three-js/
Codrops
FBO Particles with Three.js | Codrops
https://youtu.be/oLH00MXTqNg In this ALL YOUR HTML coding session you'll learn how to create an FBO particle system to r
Представляем libSquoosh. Это Squoosh, но в виде node библиотеки.
Squoosh - это инструмент для сжатия и оптимизации изображений в браузере.
https://web.dev/introducing-libsquoosh/
Squoosh - это инструмент для сжатия и оптимизации изображений в браузере.
https://web.dev/introducing-libsquoosh/
Правильный тег для работы: почему следует использовать семантический HTML
https://localghost.dev/2021/06/the-right-tag-for-the-job-why-you-should-use-semantic-html/
https://localghost.dev/2021/06/the-right-tag-for-the-job-why-you-should-use-semantic-html/
localghost
The right tag for the job: why you should use semantic HTML - localghost
Whether you write plain old HTML, HTML templating or JSX, are you using the right HTML tags? A guide to semantic HTML: what it is, why it's so important, and how to use it
Будущее веба: станет ли рендеринг в <canvas> заменой DOM?
https://habr.com/ru/company/ruvds/blog/560736/
https://habr.com/ru/company/ruvds/blog/560736/
Хабр
Будущее веба: станет ли рендеринг в <canvas> заменой DOM?
В последнее время было немало горестных рассуждений о последствиях решения Google использовать HTML-элемент <canvas> для рендеринга всего, что видно на экране при работе с Google Docs. И то,...
Обеспечиваем четкое изображения на экранах с высокой плотностью изображения
https://jakearchibald.com/2021/serving-sharp-images-to-high-density-screens/
https://jakearchibald.com/2021/serving-sharp-images-to-high-density-screens/
Jakearchibald
Halve the size of images by optimising for high density displays
Why compressing images for dense screens is different, and how to serve them
React. Не вглубь, а вширь. Композиция против реальности
https://habr.com/ru/company/citymobil/blog/550532/
https://habr.com/ru/company/citymobil/blog/550532/
Хабр
React. Не вглубь, а вширь. Композиция против реальности
Давайте рассмотрим искусственный пример кода, который, как и в жизни, постепенно будет расширяться и усложняться, а наша задача, глядя на это всё, понять: не пора ли рефакторить. План наших...
sorting-algos-visualizer — Визуализация алгоритмов сортировки: QuickSort, MergeSort, HeapSort, BubbleSort, InsertionSort
https://github.com/loonywizard/sorting-algos-visualizer
https://github.com/loonywizard/sorting-algos-visualizer
GitHub
GitHub - loonywizard/sorting-algos-visualizer: Visualization of common sorting algorithms: QuickSort, MergeSort, HeapSort, BubbleSort…
Visualization of common sorting algorithms: QuickSort, MergeSort, HeapSort, BubbleSort, InsertionSort - GitHub - loonywizard/sorting-algos-visualizer: Visualization of common sorting algorithms: Qu...
Идеальные всплывающие подсказки с обрезкой и маскированием CSS
https://css-tricks.com/perfect-tooltips-with-css-clipping-and-masking/
https://css-tricks.com/perfect-tooltips-with-css-clipping-and-masking/
CSS-Tricks
Perfect Tooltips With CSS Clipping and Masking | CSS-Tricks
Clipping and masking have been around for a while now in CSS and even have pretty decent browser support. I recently worked on a project that needed to use a
Скрываем номера курьеров и клиентов с помощью key-value хранилища
https://habr.com/ru/company/Voximplant/blog/563082
https://habr.com/ru/company/Voximplant/blog/563082
Хабр
Скрываем номера курьеров и клиентов с помощью key-value хранилища
В условиях пандемии курьерские сервисы стали востребованы как никогда прежде. Чтобы клиент и курьер могли созвониться для уточнения информации по заказу, им нужно знать номера телефонов друг друга....
Генерим PDF на Serverless, AWS Lambda and Puppeteer
https://shubham-pandey.medium.com/pdf-generation-with-serverless-aws-and-puppeteer-cac3442b1c95
https://shubham-pandey.medium.com/pdf-generation-with-serverless-aws-and-puppeteer-cac3442b1c95
Medium
PDF generation with Serverless + AWS Lambda and Puppeteer.
In this article, I will take you through steps on how to generate PDF using AWS Lambda, Serverless framework, Puppeteer.
Правила CSS @supports для таргетинга только Firefox/Safari/Chromium
https://www.bram.us/2021/06/23/css-at-supports-rules-to-target-only-firefox-safari-chromium/
https://www.bram.us/2021/06/23/css-at-supports-rules-to-target-only-firefox-safari-chromium/
This media is not supported in your browser
VIEW IN TELEGRAM
В мире фронтенда все меняется стремительно. Книги устаревают быстрее, чем успевают появится на полках магазинов, а новые фреймворки и библиотеки появляются чуть ли не каждый месяц. Возникает вопрос: где же взять актуальные материалы, чтобы не тратить время на изучение уже устаревших?
На фронте — канал, где опытные веб-разработчики отбирают и публикуют для Вас самые актуальные материалы, благодаря которым Вы сможете успешно обучаться и всегда оставаться на передовой фронтенд разработки.
На фронте — канал, где опытные веб-разработчики отбирают и публикуют для Вас самые актуальные материалы, благодаря которым Вы сможете успешно обучаться и всегда оставаться на передовой фронтенд разработки.
Архитектура React: как структурировать и организовать приложение на React
https://www.taniarascia.com/react-architecture-directory-structure/
https://www.taniarascia.com/react-architecture-directory-structure/
22 CSS-трюка, которые сделают из вас Layout Ninja
https://betterprogramming.pub/22-css-tricks-that-can-make-you-a-layout-ninja-452847fba639
https://betterprogramming.pub/22-css-tricks-that-can-make-you-a-layout-ninja-452847fba639
Medium
22 CSS Tricks That Can Make You a Layout Ninja
A look at some lesser-known CSS properties
Определение устройств с возможностью использования hover
https://css-irl.info/detecting-hover-capable-devices/
https://css-irl.info/detecting-hover-capable-devices/
CSS { In Real Life }
Detecting Hover-Capable Devices
With a greater proliferation of devices than ever before, we developers can no longer rely on viewport size as the factor that determines the styles we serve up to our website users. Up until fairly recently, we might have caught ourselves making assumptions…
It’s A (Front-End Testing) Trap! Шесть распространенных ошибок при тестировании и способы их решения
https://www.smashingmagazine.com/2021/07/frontend-testing-pitfalls/
https://www.smashingmagazine.com/2021/07/frontend-testing-pitfalls/
Smashing Magazine
It’s A (Front-End Testing) Trap! Six Common Testing Pitfalls And How To Solve Them — Smashing Magazine
When writing front-end tests, you’ll find a lot of pitfalls along the way. Let’s explore common mistakes developers make, and how to avoid them. Testing doesn’t need to be painful, after all.