FrontEndDev
28.9K subscribers
2.2K photos
23 videos
7.4K links
🚀 Статьи, новости, туториалы по frontend разработке.

http://jem-space.ru

Admin: @jem_jem
Пишу в @five_a_m

Хорошие серваки от DigitalOcean: https://m.do.co/c/1351d64475ee

Реклама: http://bit.ly/2NxmVDu
РКН: https://clck.ru/3GLw7G
Download Telegram
Session vs JWT: различия, которые стоит знать

Различия между сессионной аутентификацией и использованием JSON Web Tokens для управления пользовательскими сессиями. О работе каждого из этих методов, их преимуществах и недостатках, а также ситуациях, в которых предпочтительнее использовать тот или иной подход.

https://www.youtube.com/watch?v=fyTxwIa-1U0
👍10👎31🔥1
Настраиваем ts-config.json

Описание основных и экспериментальных параметров ts-config и на что они влияют в итоге при компиляции.

https://jsdevspace.substack.com/p/mastering-tsconfigjson-the-ultimate
👍121👨‍💻1
Дождались! Ребята сделали крутейший канал про Frontend

Здесь на простых картинках и понятном языке обучают фронтенд-разработке, делятся полезными фишками и ресурсами

Подписывайтесь: @FrontendPortal
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
👍103🔥2
Создаем offline-friendly систему загрузки изображений

Как с помощью 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/
👍111🔥1
JSON Mocker

Онлайн сервис, позволяющий генерировать JSON данные в соответствии со схемой.

https://laurawebdev.github.io/json-mocker/
🔥123🤔2🤯1
CSS Hell

15 CSS головоломок для пытливых умов, где нужно менять свойства для того чтобы сматчить элементы.

https://csshell.com/
👍10😁5🔥2
Forwarded from Web Stack
Экспериментальные функции в React: ViewTransition и Activity

Компонент <ViewTransition> позволяет легко добавлять анимации при переходах между состояниями интерфейса, используя новый API браузера startViewTransition.
Компонент <Activity> предоставляет возможность управлять отображением частей UI, скрывая или показывая их в зависимости от активности.

https://react.dev/blog/2025/04/23/react-labs-view-transitions-activity-and-more
🔥12👍31
LaLoka Layouts

Коллекция макетов и компонентов, созданных с Tailwind CSS. Готовые и адаптивные шаблоны для ускорения разработки.

https://layoutsfortailwind.lalokalabs.dev/
👍83🔥1
Favicon v2025

Как готовить favicon в соответствии с требованиями десктоп и мобильных браузеров + PWA в 2025.

https://evilmartians.com/chronicles/how-to-favicon-in-2021-six-files-that-fit-most-needs
👍6🔥32
Улучшаем типографику с помощью единиц line-height

О новой экспериментальной возможности в WebKit — единицах line-height, таких как lh, rlh, cqh, позволяющих задавать размеры элементов на основе текущей высоты строки. Это упрощает создание адаптивной типографики и позволяет разработчикам лучше контролировать вертикальные ритмы в дизайне.

https://webkit.org/blog/16831/line-height-units/
🔥84👍2
Пишем эффективные и понятные сообщения об ошибках

О том, почему важно использовать простой язык, избегая технического жаргона и как не раздражать пользователей в стрессовых ситуациях. Рекомендации по формулировке четких инструкций для исправления ошибок чтобы повысить ясность и доверие к интерфейсу.

https://piccalil.li/blog/how-to-write-error-messages-that-actually-help-users-rather-than-frustrate-them/
👍83👎1🔥1💩1