7 полезных уловок с rest параметрами и spread операторами на JavaScript объектах
https://bookflow.ru/7-poleznyh-ulovok-s-rest-parametrami-i-spread-operatorami-na-javascript-obektah/
https://bookflow.ru/7-poleznyh-ulovok-s-rest-parametrami-i-spread-operatorami-na-javascript-obektah/
Умная анимация с кастомными Css-свойствами
https://bookflow.ru/umnaya-animatsiya-s-kastomnymi-css-svojstvami/
https://bookflow.ru/umnaya-animatsiya-s-kastomnymi-css-svojstvami/
PixiJS
Эту библиотеку используют в качестве игрового движка, но на самом деле у нее более широкое применение. Она упрощает вывод интерактивной 2D-графики и анимации в любых приложениях на базе HTML5. Поэтому рекомендую веб-разработчикам присмотреться к Pixi.
Для рендеринга PixiJS может использовать как WebGL, так и стандартный Canvas. Но первый работает заметно быстрее, особенно когда нужно одновременно анимировать сотни и даже тысячи объектов. Скорость достигается за счет того, что WebGL — инструмент низкоуровневый. А значит без дополнительных фреймворков кодить для него трудоемко: нужно прописывать каждую мелочь в управлении текстурами и шейдерами. И здесь на сцену выходит PixiJS, который берет это на себя.
Сайт https://www.pixijs.com/
Исходники на Github https://github.com/pixijs/pixi.js
Эту библиотеку используют в качестве игрового движка, но на самом деле у нее более широкое применение. Она упрощает вывод интерактивной 2D-графики и анимации в любых приложениях на базе HTML5. Поэтому рекомендую веб-разработчикам присмотреться к Pixi.
Для рендеринга PixiJS может использовать как WebGL, так и стандартный Canvas. Но первый работает заметно быстрее, особенно когда нужно одновременно анимировать сотни и даже тысячи объектов. Скорость достигается за счет того, что WebGL — инструмент низкоуровневый. А значит без дополнительных фреймворков кодить для него трудоемко: нужно прописывать каждую мелочь в управлении текстурами и шейдерами. И здесь на сцену выходит PixiJS, который берет это на себя.
Сайт https://www.pixijs.com/
Исходники на Github https://github.com/pixijs/pixi.js
5 вопросов по JavaScript на которые вы должны знать ответ
https://bookflow.ru/5-voprosov-po-javascript-na-kotorye-vy-dolzhny-znat-otvet/
https://bookflow.ru/5-voprosov-po-javascript-na-kotorye-vy-dolzhny-znat-otvet/
Обработка миллионов строк данных потоками на Node.js
Приходилось ли вам обрабатывать с помощью Node.js одновременно миллионы строк базы данных и выводить всё это на веб-страницу?
Это непросто, но у нас есть готовое решение.
https://dev.to/_patrickgod/fetching-millions-of-rows-with-streams-in-node-js-487e
Приходилось ли вам обрабатывать с помощью Node.js одновременно миллионы строк базы данных и выводить всё это на веб-страницу?
Это непросто, но у нас есть готовое решение.
https://dev.to/_patrickgod/fetching-millions-of-rows-with-streams-in-node-js-487e
Эффект масштабирования фонового изображения с помощью CSS Clip-path
https://tympanus.net/codrops/2020/03/11/background-scale-hover-effect-with-css-clip-path/
https://tympanus.net/codrops/2020/03/11/background-scale-hover-effect-with-css-clip-path/
Как съесть слона: способы детализации большого текста
https://bookflow.ru/kak-sest-slona-sposoby-detalizatsii-bolshogo-teksta/
https://bookflow.ru/kak-sest-slona-sposoby-detalizatsii-bolshogo-teksta/
CSS: полное руководство по функции calc()
https://bookflow.ru/css-polnoe-rukovodstvo-po-funktsii-calc/
https://bookflow.ru/css-polnoe-rukovodstvo-po-funktsii-calc/
Как создать автокомплит на чистом HTML
https://bookflow.ru/how-to-create-an-autocomplete-input-with-only-html/
https://bookflow.ru/how-to-create-an-autocomplete-input-with-only-html/
Пример работы с Mirage JS — библиотекой для моков API. С ее помощью можно удобно тестировать и прототипировать приложения, не полагаясь на бекенд. Примеры на Vue.js.
https://www.smashingmagazine.com/2020/02/api-mocking-mirage-vue-javascript/
https://www.smashingmagazine.com/2020/02/api-mocking-mirage-vue-javascript/
👍1
Design Patterns Game - игра на знание распространённых паттернов проектирования, реализованных на JavaScript
https://designpatternsgame.com/
https://designpatternsgame.com/
Как вставить адаптивное видео на сайт
http://odinokun.com/2020-03-26-kak-vstavit-adaptivnoe-video-na-sajt.html
http://odinokun.com/2020-03-26-kak-vstavit-adaptivnoe-video-na-sajt.html
Необходимый минимум для фронтенд-разработчика
https://bookflow.ru/neobhodimyj-minimum-dlya-frontend-razrabotchika/
https://bookflow.ru/neobhodimyj-minimum-dlya-frontend-razrabotchika/