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
Веб-стандарты — Выпуск 395
GitHub Universe и Copilot, Angular.dev, знай Юникод, CSS 4, 5, 6 и AI в FigJam.
https://web-standards.ru/podcast/395/
GitHub Universe и Copilot, Angular.dev, знай Юникод, CSS 4, 5, 6 и AI в FigJam.
https://web-standards.ru/podcast/395/
🔥9
HTML First
Набор принципов, призванный сделать разработку веб приложений проще и быстрее + сделать их более поддерживаемыми.
https://html-first.com/
Набор принципов, призванный сделать разработку веб приложений проще и быстрее + сделать их более поддерживаемыми.
https://html-first.com/
😁10👍6💩5😐1
Toп 14 генераторов CSS
Подборка генераторов CSS эффектов от Евгения Ковальчука
https://www.youtube.com/watch?v=9p0RoH1L_v0
Подборка генераторов CSS эффектов от Евгения Ковальчука
https://www.youtube.com/watch?v=9p0RoH1L_v0
YouTube
ТОП 14 Генераторов CSS эффектов
#YauhenK #webdev #css #collection
Всем привет.
Как часто, посещая различные сайты, вы видели что-то крутое сделанное на CSS, но не могли повторить это самостоятельно?
Как много времени вы тратите на создание крутого эффекта, или анимации а по факту получаете…
Всем привет.
Как часто, посещая различные сайты, вы видели что-то крутое сделанное на CSS, но не могли повторить это самостоятельно?
Как много времени вы тратите на создание крутого эффекта, или анимации а по факту получаете…
🔥15
Нюансы работы с новыми CSS селекторами
https://cloudfour.com/thinks/surprising-facts-about-new-css-selectors/
https://cloudfour.com/thinks/surprising-facts-about-new-css-selectors/
👍19❤1⚡1
JetBrains JavaScript Day 2023
Запись 8 докладов с конференции JetBrains.
https://www.youtube.com/playlist?list=PLQ176FUIyIUZmRHOyz_n9iy2qfHo4_GRT
Запись 8 докладов с конференции JetBrains.
https://www.youtube.com/playlist?list=PLQ176FUIyIUZmRHOyz_n9iy2qfHo4_GRT
👍23👎1
CSS relative color syntax
Новый нативный способ определения одних цветов относительно других.
https://developer.chrome.com/blog/css-relative-color-syntax/
Новый нативный способ определения одних цветов относительно других.
https://developer.chrome.com/blog/css-relative-color-syntax/
👍10🤯4