FrontEndDev
28.8K subscribers
2.2K photos
23 videos
7.41K 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
Bun за 1 час

Ознакомительный туториал по Bun: созадние сервера, стриминг файлов, роутинг, плагины.

https://www.youtube.com/watch?v=eTB0UCDnMQo
👍20💩6🤮21
Веб-стандарты: выпуск 390

Safari, бета Chrome 119, Divtober, пересмотр Baseline, новинки WCAG 2.2, Closure Compiler.

https://web-standards.ru/podcast/390/
6🤮2👍1
Техника загрузки изображений-плейсхолдеров в низком разрешении

Улучшаем метрики Web Vitals при помощи предзагрузки картинок в плохом качестве.

https://csswizardry.com/2023/09/the-ultimate-lqip-lcp-technique/
13
Добавляем web app манифест

Как с помощью одного конфига превратить ваше приложение в PWA.

https://web.dev/articles/add-manifest?hl=en
🔥133👍3
JS minification benchmarks

Результаты сравнения популярных инструментов для сжатия JS.

https://github.com/privatenumber/minification-benchmarks
👍8
44 вопроса c frontend собеседований

Вопросы по React, JavaScript, стейт менеджерам и современным аспектам web разработки

https://dev.to/m_midas/44-react-frontend-interview-questions-2o63
👍172👎2👌1
Нативные способы валидации форм

Как отловить ошибки валидации при помощи атрибутов input либо встроенными методами форм.

https://developer.mozilla.org/en-US/docs/Learn/Forms/Form_validation
🔥14👍3
Круговой текст на CSS

Решаем задачу при помощи svg и тригонометрии.

https://dev.to/jh3y/circular-text-with-css-57jf
🔥13👍1👌1
Подкаст про код - выпуск 24

Interop 2024, бета TypeScript 5.3, анти-паттерны конфигурирования в Node.js.

https://www.youtube.com/watch?v=HRcFHKEU3F4
👍12
Разработка приложений для всех категорий пользователей

Основные принципы веб доступности. Как семантическая верстка, дополнительные атрибуты элементов и инструменты для тестирования доступности помогут вам в этом.

https://www.sitepoint.com/designing-for-all-the-basics-principles-of-web-accessibility/
8
Использование Web Workers для многопоточности в вебе

Статья о работе с web workers, их практическом применении и ограничениях.

https://www.smashingmagazine.com/2023/04/potential-web-workers-multithreading-web/
🔥10
Чистая frontend архитектура

Почему важна архитектура при разработке приложения и какие принципы помогут правильно ее построить.

https://medium.com/bitsrc/clean-frontend-architecture-2995c68702fb
👍162🎃1
React Server Components

Как и зачем использовать RSC.

https://www.freecodecamp.org/news/how-to-use-react-server-components/
👍15🔥21
Photoshop Web CSS

Ахмад Шадид разбирает разметку и CSS решения сложного онлайн инструмента.

https://ishadeed.com/article/photoshop-web-css/
🔥8👌2👍1
Использование React Portal

Что такое React Portal, как и когда его использовать.

https://semaphoreci.com/blog/react-portals
👍21🥱2🍓1😈1
Релиз NextJS 14

Turbopack, Server Actions, Partial Rendering.

https://nextjs.org/blog/next-14
👍251
CSS будущего: State Container Queries

Как работать с State Container Queries и для чего это может быть удобно - в статье.

https://ishadeed.com/article/css-state-queries/
👍23🥴2
Веб-стандарты — выпуск 392

DevTools Chrome и Firefox, скролбары, скрытие IP, text-indent, Safari TP, Node.js, Eleventy 3.0

https://web-standards.ru/podcast/392/
7👍2
Нюансы преобразования строк в base64 в JS

О работе с функциями btoa() и atob() и возможными ошибками.

https://web.dev/articles/base64-encoding?hl=en
14👍2