Стилизация элементов при помощи псевдокласа :empty
https://blog.logrocket.com/styling-css-empty-pseudo-class/
https://blog.logrocket.com/styling-css-empty-pseudo-class/
❤26👍8🤔5👎1
Сравниваем Redux и React Query
Что выбрать для проекта? Посмотрим разницу между Redux и React Query, плюсы и минусы библиотек.
https://www.youtube.com/watch?v=YLowBWmYChc&ab_channel=ITVDN
Что выбрать для проекта? Посмотрим разницу между Redux и React Query, плюсы и минусы библиотек.
https://www.youtube.com/watch?v=YLowBWmYChc&ab_channel=ITVDN
🤡10👍8😁3
Пишем плагин для бесшовного drag and drop перемещения элементов на чистом JS
Подробный туториал по созданию плагина, включающий работу с событиями и DOM элементами для различных устройств.
https://tahazsh.com/blog/seamless-ui-with-js-drag-to-reorder-example
Подробный туториал по созданию плагина, включающий работу с событиями и DOM элементами для различных устройств.
https://tahazsh.com/blog/seamless-ui-with-js-drag-to-reorder-example
🔥18👍5
Делаем приложение для генерации цитат на NodeJS, TypeScript и AWS Amplify
6 часовой курс создания full stack приложения с нуля до деплоя и настройки CI/CD.
https://www.youtube.com/watch?v=FRmCxj9K7II
6 часовой курс создания full stack приложения с нуля до деплоя и настройки CI/CD.
https://www.youtube.com/watch?v=FRmCxj9K7II
👍14
Нативная вложенность в CSS
Как использовать SASS-подобный синтаксис в CSS.
https://www.amitmerchant.com/sass-like-nesting-in-native-css/
Как использовать SASS-подобный синтаксис в CSS.
https://www.amitmerchant.com/sass-like-nesting-in-native-css/
👍19💩1
This media is not supported in your browser
VIEW IN TELEGRAM
Эффект анимации фона при движении курсора
Сочетание SVG фильтров и CSS blend mode.
Демо | Github
https://tympanus.net/codrops/2023/06/07/gooey-cursor-effect/
Сочетание SVG фильтров и CSS blend mode.
Демо | Github
https://tympanus.net/codrops/2023/06/07/gooey-cursor-effect/
❤16
Делаем данные на сайте удобными для восприятия
Советы и практики для улучшения отображения данных в сетках и таблицах.
https://www.smashingmagazine.com/2023/06/universal-cognitive-friendly-ux-design-tables-grids/
Советы и практики для улучшения отображения данных в сетках и таблицах.
https://www.smashingmagazine.com/2023/06/universal-cognitive-friendly-ux-design-tables-grids/
🔥12❤2👍2
Примитивные объекты в JS
Как использовать примитивные объекты и какие преимущества они дают.
https://smashingmagazine.com/2023/06/primitive-objects-javascript-part-2/
Как использовать примитивные объекты и какие преимущества они дают.
https://smashingmagazine.com/2023/06/primitive-objects-javascript-part-2/
🔥10👍2
Проверяем, что все символы в строке уникальные
3 способа проверки:
▫️String.prototype.indexOf
▫️Array.prototype.filter
▫️Set
https://gomakethings.com/how-to-test-if-all-characters-in-a-string-a-unique-with-vanilla-javascript/
3 способа проверки:
▫️String.prototype.indexOf
▫️Array.prototype.filter
▫️Set
https://gomakethings.com/how-to-test-if-all-characters-in-a-string-a-unique-with-vanilla-javascript/
Gomakethings
How to test if all characters in a string a unique with vanilla JavaScript
Today, we’re going to do another coding challenge.
For this one, we’re going to build a function (or maybe a few of them) that we can use to check if all of the characters in a string are unique. You can go off and try to complete it on your own, then come…
For this one, we’re going to build a function (or maybe a few of them) that we can use to check if all of the characters in a string are unique. You can go off and try to complete it on your own, then come…
👍12👎3
Обрабатываем ошибки в NextJS c App Router
От ошибок аутентификации и разметки до ошибок на стороне сервера.
https://www.sitepoint.com/next-js-error-handling-app-router
От ошибок аутентификации и разметки до ошибок на стороне сервера.
https://www.sitepoint.com/next-js-error-handling-app-router
👍14❤2
Открываем новые фичи TypeScript 5
http://blog.logrocket.com/exploring-typescript-5-features-smaller-simpler-faster/
http://blog.logrocket.com/exploring-typescript-5-features-smaller-simpler-faster/
🔥17👍2❤1😴1
Создаем приложение аудио-в-текст с помощью Whisper, React и Node
Пошаговый туториал по разработке back и front частей приложения.
https://www.sitepoint.com/speech-to-text-whisper-react-node
Пошаговый туториал по разработке back и front частей приложения.
https://www.sitepoint.com/speech-to-text-whisper-react-node
🔥15👍2
Приватная файловая система веб-приложений
Новый способ работы с файлами с File System Access API, который позволяет безопасно читать и изменять файлы.
https://web.dev/origin-private-file-system/
Новый способ работы с файлами с File System Access API, который позволяет безопасно читать и изменять файлы.
https://web.dev/origin-private-file-system/
❤10👍4👏1
This media is not supported in your browser
VIEW IN TELEGRAM
Несколько анимаций с типографикой
4 интересных эффекта для вашего приложения.
https://tympanus.net/codrops/2023/06/16/4-exclusive-demos-slideshows-typographic-animations/
4 интересных эффекта для вашего приложения.
https://tympanus.net/codrops/2023/06/16/4-exclusive-demos-slideshows-typographic-animations/
🔥7
Front-end. Вопросы на собеседовании
Разбор новой порции вопросов с собеседований Frontend разработчиков: REST, HTTP/2, OSI, SSL и виды аутентификации.
https://www.youtube.com/watch?v=-mWa7erZu64
Разбор новой порции вопросов с собеседований Frontend разработчиков: REST, HTTP/2, OSI, SSL и виды аутентификации.
https://www.youtube.com/watch?v=-mWa7erZu64
❤18👍2🔥1
Проверка браузера на поддержку CSS фич
Используем
https://blog.logrocket.com/testing-browser-support-css-features-feature-queries/
Используем
@supports для проверки и применения стилей в браузерах с поддержкой современных фич, а также применяем fallback при необходимости.https://blog.logrocket.com/testing-browser-support-css-features-feature-queries/
👍17
Туториал по SQL для новичков
5 часовой курс + ответы на технические вопросы с собеседований
https://www.youtube.com/watch?v=-fW2X7fh7Yg
5 часовой курс + ответы на технические вопросы с собеседований
https://www.youtube.com/watch?v=-fW2X7fh7Yg
👍12❤1
5 способов сделать полосатый фон с помощью CSS
И все они основаны на градиентах.
https://blog.logrocket.com/5-ways-implement-striped-background-css-only/
И все они основаны на градиентах.
https://blog.logrocket.com/5-ways-implement-striped-background-css-only/
👍12