This media is not supported in your browser
VIEW IN TELEGRAM
Пишем таймер обратного отсчёта на чистом CSS
https://bookflow.ru/pishem-tajmer-obratnogo-otschyota-na-chistom-css/
https://bookflow.ru/pishem-tajmer-obratnogo-otschyota-na-chistom-css/
Создание макета ежедневника с помощью CSS Grid & Subgrid & Flexbox
https://blog.stephaniestimac.com/posts/12-29-2019-bullet-journal/
https://blog.stephaniestimac.com/posts/12-29-2019-bullet-journal/
Стилизуем кнопки правильно, создание CSS-компонента кнопки
https://bookflow.ru/stilizuem-knopki-pravilno-sozdanie-css-komponenta-knopki/
https://bookflow.ru/stilizuem-knopki-pravilno-sozdanie-css-komponenta-knopki/
Chrome University
Welcome to Chrome University, where you will learn the foundations of how Chrome works.
Видеокурс о том, как под капотом устроен браузер Chrome
https://www.youtube.com/playlist?list=PLNYkxOF6rcICgS7eFJrGDhMBwWtdTgzpx
Welcome to Chrome University, where you will learn the foundations of how Chrome works.
Видеокурс о том, как под капотом устроен браузер Chrome
https://www.youtube.com/playlist?list=PLNYkxOF6rcICgS7eFJrGDhMBwWtdTgzpx
CSS3 Transform - онлайн-визуализатор функций 2D & 3D трансформаций в CSS
https://css-transform.moro.es/
https://css-transform.moro.es/
pagePiling.js - плагин, который даёт возможность сделать на сайте оригинальную прокрутку страницы.
https://alvarotrigo.com/pagePiling/#page1
https://alvarotrigo.com/pagePiling/#page1
Создаем многопользовательскую веб-игру Javascript
https://bookflow.ru/sozdaem-mnogopolzovatelskuyu-veb-igru-javascript/
https://bookflow.ru/sozdaem-mnogopolzovatelskuyu-veb-igru-javascript/
Bulma - это бесплатный CSS-фреймворк с открытым исходным кодом, основанный на Flexbox и используемый более 150 000 разработчиков.
https://bulma.io/
https://bulma.io/
8 привычек, которых следует избегать при разработке на JavaScript
Автор расскажет о некоторых обычаях, которые лучше избегать, если мы хотим стать хорошими разработчиками этого языка. Давайте посмотрим на них!
https://bookflow.ru/8-habits-you-should-avoid-when-developing-with-javascript/
Автор расскажет о некоторых обычаях, которые лучше избегать, если мы хотим стать хорошими разработчиками этого языка. Давайте посмотрим на них!
https://bookflow.ru/8-habits-you-should-avoid-when-developing-with-javascript/
👍1
CSS Triggers - подробная информация обо всех CSS-свойствах: что они делают, как влияют на рендеринг страницы и тому подобное
https://csstriggers.com/
https://csstriggers.com/
Переписываем тестовое задание для junior frontend на TypeScript и react-hooks
https://bookflow.ru/perepisyvaem-testovoe-zadanie-dlya-junior-frontend-na-typescript-i-react-hooks/
https://bookflow.ru/perepisyvaem-testovoe-zadanie-dlya-junior-frontend-na-typescript-i-react-hooks/
Основные принципы дизайна для не дизайнеров
https://www.freecodecamp.org/news/fundamental-design-principles-for-non-designers-ad34c30caa7/
https://www.freecodecamp.org/news/fundamental-design-principles-for-non-designers-ad34c30caa7/
Меняем цвет шрифта с помощью css в зависимости от фона
https://bookflow.ru/menyaem-tsvet-shrifta-s-pomoshhyu-css-v-zavisimosti-ot-fona/
https://bookflow.ru/menyaem-tsvet-shrifta-s-pomoshhyu-css-v-zavisimosti-ot-fona/
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