Нативная вложенность в 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/
❤17
Делаем данные на сайте удобными для восприятия
Советы и практики для улучшения отображения данных в сетках и таблицах.
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
Подкаст Веб Стандарты - 374
В выпуске: сабгриды, JS-итераторы, тестирование с Chrome, CSS-нестинг.
https://web-standards.ru/podcast/374/
В выпуске: сабгриды, JS-итераторы, тестирование с Chrome, CSS-нестинг.
https://web-standards.ru/podcast/374/
🔥10👍4
Работаем с CSP в React
Что такое Content Security Policy и как добавить нужные теги для настройки CSP с помощью React Helmet.
https://blog.openreplay.com/security--how-to-deal-with-csp-in-react/
Что такое Content Security Policy и как добавить нужные теги для настройки CSP с помощью React Helmet.
https://blog.openreplay.com/security--how-to-deal-with-csp-in-react/
👍8
Маленькие полезные сайты
Крис Корнер делится списком сайтов, которые могут помочь в разработке. От создания необычного фона и подбора цветовой темы до набора бейджей и анимированных переключателей для вашего приложения.
https://blog.codepen.io/2023/06/19/chris-corner-little-useful-websites/
Крис Корнер делится списком сайтов, которые могут помочь в разработке. От создания необычного фона и подбора цветовой темы до набора бейджей и анимированных переключателей для вашего приложения.
https://blog.codepen.io/2023/06/19/chris-corner-little-useful-websites/
🔥10❤3👍3
This media is not supported in your browser
VIEW IN TELEGRAM
Эффект нарезанной картинки
Реализация необычного эффекта при наведении на изображение.
Демо
Github
https://tympanus.net/codrops/2023/06/21/coding-the-sliced-image-hover-effect-from-quai-network/
Реализация необычного эффекта при наведении на изображение.
Демо
Github
https://tympanus.net/codrops/2023/06/21/coding-the-sliced-image-hover-effect-from-quai-network/
🔥10👍3