Используем экспериментальное свойство CSS color-mix
Создаем различные варианты наложения цветов с
Создаем различные варианты наложения цветов с
color-mix
https://una.im/color-mix-opacity/👌6❤2
Чит лист по доступности интерактивных элементов
Какого размера должны быть иконки и кнопки, чтобы сайтом или приложением было удобно пользоваться?
https://www.smashingmagazine.com/2023/04/accessible-tap-target-sizes-rage-taps-clicks/
Какого размера должны быть иконки и кнопки, чтобы сайтом или приложением было удобно пользоваться?
https://www.smashingmagazine.com/2023/04/accessible-tap-target-sizes-rage-taps-clicks/
👍16
Работаем с формами в React
Используем интеграцию React Hook Form с валидатором Zod для создания формы.
https://my-js.org/blog/rhf-zod/
Используем интеграцию React Hook Form с валидатором Zod для создания формы.
https://my-js.org/blog/rhf-zod/
👍16👎1
ChatGPT - курс по работе с OpenAI API
Создаем несколько простых приложений использующих OpenAI API.
https://www.youtube.com/watch?v=uRQH2CFvedY
Создаем несколько простых приложений использующих OpenAI API.
https://www.youtube.com/watch?v=uRQH2CFvedY
🤣25👍10👎8🤡6❤2
CSS Blend Modes
Режимы смешивания цветов и эффекты, которых можно добиться с помощью них.
https://garden.bradwoods.io/notes/css/blend-modes
Режимы смешивания цветов и эффекты, которых можно добиться с помощью них.
https://garden.bradwoods.io/notes/css/blend-modes
👍18🔥2❤1🥰1
This media is not supported in your browser
VIEW IN TELEGRAM
Идеи для анимации перехода из сетки к слайдеру фото
Демо
Github
https://tympanus.net/codrops/2023/05/04/ideas-for-grid-to-slideshow-switch-animations/
Демо
Github
https://tympanus.net/codrops/2023/05/04/ideas-for-grid-to-slideshow-switch-animations/
👍21🔥5🌭2⚡1👌1
Храним API ключи правильно
Убираем хардкод и используем
https://www.smashingmagazine.com/2023/05/safest-way-hide-api-keys-react/
Убираем хардкод и используем
dotenv для работы с переменными окружения на примере React приложения.https://www.smashingmagazine.com/2023/05/safest-way-hide-api-keys-react/
👍13❤1
10 простых консольных команд Git для быстрой разработки
https://levelup.gitconnected.com/10-essential-git-command-tricks-for-faster-development-9e9b64a82c02
https://levelup.gitconnected.com/10-essential-git-command-tricks-for-faster-development-9e9b64a82c02
👍14
Руководство по использованию обработчиков роутов в Next.JS
https://blog.logrocket.com/using-next-js-route-handlers/
https://blog.logrocket.com/using-next-js-route-handlers/
👌6👍3
Логические свойства CSS и их использование
Чем логические свойства отличаются от физических и как они помогают при разработке приложений.
https://blog.logrocket.com/css-logical-properties-guide
Чем логические свойства отличаются от физических и как они помогают при разработке приложений.
https://blog.logrocket.com/css-logical-properties-guide
👍16🔥3
Погружаемся в Redux Toolkit
На примере разработки проекта для трекинга багов рассмотрим работу с Redux Toolkit.
https://www.smashingmagazine.com/2023/05/guide-redux-toolkit-typescript/
На примере разработки проекта для трекинга багов рассмотрим работу с Redux Toolkit.
https://www.smashingmagazine.com/2023/05/guide-redux-toolkit-typescript/
👍16🤮3❤2
50 запросов для ChatGPT, которые могут быть полезны для разработчиков
От генерации кода до его документирования и тестирования.
https://dev.to/hackertab_org/50-chat-gpt-prompts-every-software-developer-should-know-tested-9al
От генерации кода до его документирования и тестирования.
https://dev.to/hackertab_org/50-chat-gpt-prompts-every-software-developer-should-know-tested-9al
🔥13👍5❤1🤣1😈1
Пара трюков в DevTools, которые немного упростят вашу отладку
Выбираем элементы через
https://gomakethings.com/a-few-developer-console-tricks/
Выбираем элементы через
$ и $$ и получаем текущий элемент через $0.https://gomakethings.com/a-few-developer-console-tricks/
🔥16👎2🌚2
Склеиваем коммиты в git при помощи squash и fixup
Статья о том, как и зачем использовать склеивание коммитов.
https://htmlacademy.ru/blog/git/how-to-squash-commits-and-why-it-is-needed
Статья о том, как и зачем использовать склеивание коммитов.
https://htmlacademy.ru/blog/git/how-to-squash-commits-and-why-it-is-needed
🔥15👍4❤1
Как и когда использовать debounce и throttle в React
Что такое debouncing и throttling и примеры их использования.
https://soshace.com/how-and-when-to-debounce-and-throttle-in-react/
Что такое debouncing и throttling и примеры их использования.
https://soshace.com/how-and-when-to-debounce-and-throttle-in-react/
👍8
JavaScript Security Vulnerabilities Tutorial
Топ 10 JS уязвимостей и как с ними бороться.
https://www.youtube.com/watch?v=ypNKKYUJE5o&ab_channel=freeCodeCamp.org
Топ 10 JS уязвимостей и как с ними бороться.
https://www.youtube.com/watch?v=ypNKKYUJE5o&ab_channel=freeCodeCamp.org
YouTube
JavaScript Security Vulnerabilities Tutorial – With Code Examples
Learn about 10 security vulnerabilities every JavaScript developer should know. First try to find the vulnerabilities in the different code examples. Then learn how to fix the issues.
✏️ Brandon from Semgrep developed this course.
🔗 Learn more about Semgrep:…
✏️ Brandon from Semgrep developed this course.
🔗 Learn more about Semgrep:…
⚡8👍3🔥2❤1