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

http://jem-space.ru

Admin: @jem_jem
Пишу в @five_a_m

Читать на парковке: https://max.ru/front_end_dev

Реклама: http://bit.ly/2NxmVDu
РКН: https://clck.ru/3GLw7G
Download Telegram
This media is not supported in your browser
VIEW IN TELEGRAM
Эффект пишущей машинки на чистом CSS

https://blog.logrocket.com/creating-typewriter-animation-css/
👍22👎12😁3🔥2
CSS совет: стилизуйте checkbox и radio для печати

О том, как стилизовать ui для лучшей читабельности или экономии чернил, применяя print-color-adjust. Мелочь, а для пользователя приятно.

https://alvaromontoro.com/blog/68024/css-tip-style-checkboxes-radio-buttons-for-printing
👍17
This media is not supported in your browser
VIEW IN TELEGRAM
Анимация текста по скролу

Демо

Реализация
👍38🤡5💩2🌭2
JS Promises: Сборщик мусора и утечки памяти

Как работает сборщик мусора при использовании Promise: примеры с объяснением.

https://dev.to/xnimorz/js-promises-3-garbage-collection-and-memory-leaks-2oi7
👍19
Socket.Io Vs. Pusher

Сравниваем инструменты для real-time коммуникации

https://blog.openreplay.com/socket-io-vs-pusher--a-comparison/
👍14👎2
Разбираемся с Redux Thunk

Как добавить Redux Thunk в React приложение и как это работает под капотом.

https://blog.openreplay.com/understanding-redux-thunk-for-react--the-big-picture/
💩40👍8😁31🤔1
Осваиваем TypeScript

21 лучшая практика при написании кода

https://habr.com/ru/company/ruvds/blog/712548/
🔥12😐5👍4💩3🌭1
Нельзя просто так взять и распарсить этот JSON на JavaScript

Проблема парсинга больших чисел из JSON формата

https://habr.com/ru/post/712618/
🔥115👍51
Краткий обзор Bun — новой среды выполнения JavaScript

https://habr.com/ru/company/timeweb/blog/710202/
👍19👎5🌚1
Оптимальные изображения в вашем HTML

Оптимизируем разметку для улучшения загрузки изображений.

https://www.builder.io/blog/fast-images
🔥293👍3🍌3
Оптимизируем TTFB (Time to First Byte)

О способах ускорения загрузки веб приложений.

https://web.dev/optimize-ttfb/
🔥17
Интерактивные SVG

Туториал по созданию SVG изображений на примере квинтового круга.

https://blog.logrocket.com/interactive-svg-circle-of-fifths/
🔥16❤‍🔥2👌1
Как работать с App Directory Architecture

О новой стратегии роутинга и рендеринга компонентов в Next.js.

https://www.smashingmagazine.com/2023/02/understanding-app-directory-architecture-next-js/
👍13
Полное руководство по обработке ошибок в JS

https://www.sitepoint.com/javascript-error-handling/
👍16
Валидация форм с помощью Zod

Один из вариантов валидации React форм, используя сочетание react hooks и Zod.

https://blog.bitsrc.io/react-form-validation-5aa06193bec4
👍17
This media is not supported in your browser
VIEW IN TELEGRAM
Создаем эффект двигающегося заднего фона

https://css-tricks.com/moving-backgrounds/
👍36🔥4😁1
Создание и валидация форм на React с Informed и Yup

https://blog.logrocket.com/build-powerful-react-forms-with-informed/
👍17👎1🥰1
Задумывались ли вы, насколько ваш продукт доступен для незрячих? А для слабовидящих или тех, у кого нет рук?

Если вы разработчик (web, iOS и android), дизайнер, исследователь, зовём учиться делать продукт доступным вместе!

С 13 марта по 28 мая на курсе "Цифровая доступность" вместе с кураторами из Yandex, Dodo, Yandex Go, Сбер, SpurIT, Miro будем разбирать теорию и практику доступности, геймдизайн, информационную архитектуру, дизайн-системы и многое другое.

Наш курс для тех, кому важно:
😎 обеспечить доступность своего сайта или приложения для любого, включая незрячего и парализованного человека
👨‍🦯 прокачаться в создании дружелюбных интерфейсов
💪 повысить свою конкурентоспособность на зарубежном и российском рынке
✍️ систематизировать знания по инклюзивной разработке
🧠 стать частью сообщества продвинутых профессионалов

Приходите: accessibilityunity.com/
🔥8👍7
Графики и чарты на React c использованием Recharts

О возможностях библиотеки Recharts для визуализации данных.

https://blog.openreplay.com/charting-and-graphing-in-react-with-recharts/
👍19😐7👎1