Развлекаемся с Gamepad API
О том, какие возможности предоставляет Gamepad API + реализация простой игры, управляемой с геймпада.
https://alvaromontoro.com/blog/68044/playing-with-the-gamepad-api
О том, какие возможности предоставляет Gamepad API + реализация простой игры, управляемой с геймпада.
https://alvaromontoro.com/blog/68044/playing-with-the-gamepad-api
👍8🔥3
This media is not supported in your browser
VIEW IN TELEGRAM
Chrome 117 поддерживает text-wrap: pretty
Короткая заметка о значениях
Короткая заметка о значениях
pretty и balance
https://developer.chrome.com/blog/css-text-wrap-pretty/🔥27❤1
Релиз Yarn 4.0
Обновленный ui и улучшенная в 3 раза производительность.
https://yarnpkg.com/blog/release/4.0
Обновленный ui и улучшенная в 3 раза производительность.
https://yarnpkg.com/blog/release/4.0
👍23
Гайд по микрофронтендам на single-spa
Как уже наконец-то уйти от монолита во фронтенде.
https://habr.com/ru/companies/samokat_tech/articles/766978/
Как уже наконец-то уйти от монолита во фронтенде.
https://habr.com/ru/companies/samokat_tech/articles/766978/
❤11👍3
Атрибуты async и defer у элементов script
Как правильно подключить скрипт, чтобы не навредить перфомансу.
https://learn.javascript.ru/script-async-defer
Как правильно подключить скрипт, чтобы не навредить перфомансу.
https://learn.javascript.ru/script-async-defer
❤🔥19👍9
Front-end. Вопросы на собеседовании #53
HTML теги и атрибуты, prefers-reduced-motion, реализация отложенной загрузки изображений, объект Proxy и еще несколько тем.
https://www.youtube.com/watch?v=zcF-CVtXSBI
HTML теги и атрибуты, prefers-reduced-motion, реализация отложенной загрузки изображений, объект Proxy и еще несколько тем.
https://www.youtube.com/watch?v=zcF-CVtXSBI
YouTube
#53 Front-end. Вопросы на собеседовании
#YauhenK #webDev #HTML #CSS #JS
Всем привет!
Добро пожаловать в видеокаст «Front-end. Вопросы на собеседовании».
В данной серии видео я постараюсь помочь вам подготовиться к собеседованиям на позицию Junior и Middle Front-end разработчик. Видеокаст представлять…
Всем привет!
Добро пожаловать в видеокаст «Front-end. Вопросы на собеседовании».
В данной серии видео я постараюсь помочь вам подготовиться к собеседованиям на позицию Junior и Middle Front-end разработчик. Видеокаст представлять…
👍19❤🔥3
CSS prefers-reduced-transparency
Подстройка прозрачности под предпочтения пользователя.
https://developer.chrome.com/blog/css-prefers-reduced-transparency/
Подстройка прозрачности под предпочтения пользователя.
https://developer.chrome.com/blog/css-prefers-reduced-transparency/
👍12
React Forward Ref
Дмитрий Павлутин рассказывает, как передавать рефы в дочерние компоненты.
https://dmitripavlutin.com/react-forwardref/
Дмитрий Павлутин рассказывает, как передавать рефы в дочерние компоненты.
https://dmitripavlutin.com/react-forwardref/
👍12👏2
This media is not supported in your browser
VIEW IN TELEGRAM
Эволюция SSR
Улучшаем показатели TTFB (Time to first byte) и TTI (time to interact) с SSR Streaming.
https://medium.com/cstech/800735e37bad
Улучшаем показатели TTFB (Time to first byte) и TTI (time to interact) с SSR Streaming.
https://medium.com/cstech/800735e37bad
👍8🔥5
Виды рендеринга в NextJS
Михаил Непомнящий рассказывает о видах рендеринга и как NextJS собирает и преобразует компоненты в статику или SSR.
https://www.youtube.com/watch?v=EH1WsQGSrWU
Михаил Непомнящий рассказывает о видах рендеринга и как NextJS собирает и преобразует компоненты в статику или SSR.
https://www.youtube.com/watch?v=EH1WsQGSrWU
YouTube
NextJS 13. Варианты рендеринга - RSC, CSR, SSR, SSG, ISR
Серверный рендеринг, клиентский или статическая генерация страницы - сегодня Next не ограничивается этими тремя классическими подходами, а добавляет также подход серверных компонентов и инкрементальной регенерации статики.
Разбираемся с разными подходами…
Разбираемся с разными подходами…
❤19⚡1🔥1
CSS фичи, которые в скором времени упростят вашу разработку
▫️text-wrap
▫️scoped CSS
▫️автоувеличивающийся textarea
▫️вложенный CSS
и еще несколько фич.
https://www.amitmerchant.com/upcoming-css-features-to-make-your-life-easier/
▫️text-wrap
▫️scoped CSS
▫️автоувеличивающийся textarea
▫️вложенный CSS
и еще несколько фич.
https://www.amitmerchant.com/upcoming-css-features-to-make-your-life-easier/
🔥16
17 распрoстраненных ошибок при работе с NodeJS
И способы их устранения.
https://blog.logrocket.com/17-common-node-js-errors/
И способы их устранения.
https://blog.logrocket.com/17-common-node-js-errors/
👍6💩5⚡1
Анонс TypeScript 5.3 RC
Список новшеств новой версии с примерами.
https://devblogs.microsoft.com/typescript/announcing-typescript-5-3-rc/
Список новшеств новой версии с примерами.
https://devblogs.microsoft.com/typescript/announcing-typescript-5-3-rc/
👍15❤1
Проверка валидности вложенных элементов
Если есть сомнения, можно ли вложить div в span например. Подробно расписывается почему можно/нельзя.
https://caninclude.glitch.me/
Если есть сомнения, можно ли вложить div в span например. Подробно расписывается почему можно/нельзя.
https://caninclude.glitch.me/
👍24😁5🤔2
Новые математические функции в CSS: rem() и mod()
https://danielcwilson.com/posts/mathematicss-rem-mod/
https://danielcwilson.com/posts/mathematicss-rem-mod/
⚡10👍4😭1
This media is not supported in your browser
VIEW IN TELEGRAM
Анимация тултипов
Несколько видов анимаций появления и исчезания тултипов.
Демо | Github
https://tympanus.net/codrops/2023/11/08/dynamic-tooltip-reveal-animations/
Несколько видов анимаций появления и исчезания тултипов.
Демо | Github
https://tympanus.net/codrops/2023/11/08/dynamic-tooltip-reveal-animations/
❤🔥25👍2❤1🔥1🤔1🥴1
Как CSS свойство content-visibility помогает улучшить скорость рендеринга
https://blog.logrocket.com/using-css-content-visibility-boost-rendering-performance/
https://blog.logrocket.com/using-css-content-visibility-boost-rendering-performance/
🔥14❤3
React Router 6
Цикл видео по работе с 6 версией React Router.
https://www.youtube.com/watch?v=0auS9DNTmzE&list=PLiZoB8JBsdznY1XwBcBhHL9L7S_shPGVE
Цикл видео по работе с 6 версией React Router.
https://www.youtube.com/watch?v=0auS9DNTmzE&list=PLiZoB8JBsdznY1XwBcBhHL9L7S_shPGVE
🔥19👍3