Session vs JWT: различия, которые стоит знать
Различия между сессионной аутентификацией и использованием JSON Web Tokens для управления пользовательскими сессиями. О работе каждого из этих методов, их преимуществах и недостатках, а также ситуациях, в которых предпочтительнее использовать тот или иной подход.
https://www.youtube.com/watch?v=fyTxwIa-1U0
Различия между сессионной аутентификацией и использованием JSON Web Tokens для управления пользовательскими сессиями. О работе каждого из этих методов, их преимуществах и недостатках, а также ситуациях, в которых предпочтительнее использовать тот или иной подход.
https://www.youtube.com/watch?v=fyTxwIa-1U0
👍10👎3⚡1🔥1
Настраиваем ts-config.json
Описание основных и экспериментальных параметров ts-config и на что они влияют в итоге при компиляции.
https://jsdevspace.substack.com/p/mastering-tsconfigjson-the-ultimate
Описание основных и экспериментальных параметров ts-config и на что они влияют в итоге при компиляции.
https://jsdevspace.substack.com/p/mastering-tsconfigjson-the-ultimate
👍12⚡1👨💻1
Здесь на простых картинках и понятном языке обучают фронтенд-разработке, делятся полезными фишками и ресурсами
Подписывайтесь: @FrontendPortal
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
👍10❤3🔥2
Создаем offline-friendly систему загрузки изображений
Как с помощью IndexedDB, service workers и Background Sync API создать приложение, устойчивое к перебоям с сетью.
https://www.smashingmagazine.com/2025/04/building-offline-friendly-image-upload-system/
Как с помощью IndexedDB, service workers и Background Sync API создать приложение, устойчивое к перебоям с сетью.
https://www.smashingmagazine.com/2025/04/building-offline-friendly-image-upload-system/
❤7🔥2👍1
Media is too big
VIEW IN TELEGRAM
Делаем карусели с GSAP
Руководство от Тома Миллера по созданию каруселей: от простых до продвинутых.
https://tympanus.net/codrops/2025/04/21/mastering-carousels-with-gsap-from-basics-to-advanced-animation/
Руководство от Тома Миллера по созданию каруселей: от простых до продвинутых.
https://tympanus.net/codrops/2025/04/21/mastering-carousels-with-gsap-from-basics-to-advanced-animation/
👍11⚡1🔥1
JSON Mocker
Онлайн сервис, позволяющий генерировать JSON данные в соответствии со схемой.
https://laurawebdev.github.io/json-mocker/
Онлайн сервис, позволяющий генерировать JSON данные в соответствии со схемой.
https://laurawebdev.github.io/json-mocker/
🔥12❤3🤔2🤯1
CSS Hell
15 CSS головоломок для пытливых умов, где нужно менять свойства для того чтобы сматчить элементы.
https://csshell.com/
15 CSS головоломок для пытливых умов, где нужно менять свойства для того чтобы сматчить элементы.
https://csshell.com/
👍10😁5🔥2
Forwarded from Web Stack
Экспериментальные функции в React: ViewTransition и Activity
Компонент
Компонент
https://react.dev/blog/2025/04/23/react-labs-view-transitions-activity-and-more
Компонент
<ViewTransition>
позволяет легко добавлять анимации при переходах между состояниями интерфейса, используя новый API браузера startViewTransition
. Компонент
<Activity>
предоставляет возможность управлять отображением частей UI, скрывая или показывая их в зависимости от активности.https://react.dev/blog/2025/04/23/react-labs-view-transitions-activity-and-more
🔥12👍3⚡1
LaLoka Layouts
Коллекция макетов и компонентов, созданных с Tailwind CSS. Готовые и адаптивные шаблоны для ускорения разработки.
https://layoutsfortailwind.lalokalabs.dev/
Коллекция макетов и компонентов, созданных с Tailwind CSS. Готовые и адаптивные шаблоны для ускорения разработки.
https://layoutsfortailwind.lalokalabs.dev/
👍8❤3🔥1
Favicon v2025
Как готовить favicon в соответствии с требованиями десктоп и мобильных браузеров + PWA в 2025.
https://evilmartians.com/chronicles/how-to-favicon-in-2021-six-files-that-fit-most-needs
Как готовить favicon в соответствии с требованиями десктоп и мобильных браузеров + PWA в 2025.
https://evilmartians.com/chronicles/how-to-favicon-in-2021-six-files-that-fit-most-needs
👍6🔥3⚡2
Улучшаем типографику с помощью единиц line-height
О новой экспериментальной возможности в WebKit — единицах line-height, таких как lh, rlh, cqh, позволяющих задавать размеры элементов на основе текущей высоты строки. Это упрощает создание адаптивной типографики и позволяет разработчикам лучше контролировать вертикальные ритмы в дизайне.
https://webkit.org/blog/16831/line-height-units/
О новой экспериментальной возможности в WebKit — единицах line-height, таких как lh, rlh, cqh, позволяющих задавать размеры элементов на основе текущей высоты строки. Это упрощает создание адаптивной типографики и позволяет разработчикам лучше контролировать вертикальные ритмы в дизайне.
https://webkit.org/blog/16831/line-height-units/
🔥8❤4👍2
Пишем эффективные и понятные сообщения об ошибках
О том, почему важно использовать простой язык, избегая технического жаргона и как не раздражать пользователей в стрессовых ситуациях. Рекомендации по формулировке четких инструкций для исправления ошибок чтобы повысить ясность и доверие к интерфейсу.
https://piccalil.li/blog/how-to-write-error-messages-that-actually-help-users-rather-than-frustrate-them/
О том, почему важно использовать простой язык, избегая технического жаргона и как не раздражать пользователей в стрессовых ситуациях. Рекомендации по формулировке четких инструкций для исправления ошибок чтобы повысить ясность и доверие к интерфейсу.
https://piccalil.li/blog/how-to-write-error-messages-that-actually-help-users-rather-than-frustrate-them/
👍8❤3👎1🔥1💩1