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
Дебажим тесты с React Testing Library и методом debug()

https://blog.logrocket.com/using-react-testing-library-debug-method/
👍13
5 способов сделать ваш JS код более функциональным

https://www.sitepoint.com/make-javascript-functional/
👍13👎6
Объясняем работу flame charts из вкладки Perfomance на примере

Неочевидные результаты отображения чартов при исследовании перфоманса.

https://calendar.perfplanet.com/2022/make-sense-of-flame-charts-in-performance-tab-by-example/
👍7🔥2
Что разработчики должны знать о режимах экономии памяти и энергии в Chrome

https://developer.chrome.com/blog/memory-and-energy-saver-mode/
👍11
Релиз Vite 4

Что нового и как мигрировать с Vite 3 в статье.

https://vitejs.dev/blog/announcing-vite4.html
15
Преобразуем макет в разметку

Советы для начинающих по верстке макетов: разбивка на блоки, порядок верстки и семантика.

https://www.htmhell.dev/adventcalendar/2022/1/
👍15
Доступные front-end паттерны для отображения таблиц

Зачастую таблицы с данными не умещаются в экраны планшетов и смартфонов. Посмотрим, как решить проблему стилизации и читаемости в таких ситуациях.

https://www.smashingmagazine.com/2022/12/accessible-front-end-patterns-responsive-tables-part1
🔥13👍2👏1
Используем псевдо-селектор :modal

О работе с псево-элементами и псевдо-селекторами и конкретно с селектором :modal

https://blog.logrocket.com/css-modal-pseudo-selector/
👍15
Интегрируем recaptcha в React приложение

https://blog.openreplay.com/implementing-recaptcha-in-react/
😁13👍6
Практическое руководство по CSS media queries

Синтаксис, использование media через CSS, HTML, JS, основные правила.

https://stackdiary.com/css-media-queries/
👍5🔥3
Как собрать, покрыть тестами и опубликовать TypeScript-пакет в npm в 2022 году

https://habr.com/ru/company/otus/blog/704398/
👍11🔥4🍌21
React: работа с 3D-графикой

Рендерим модели и объекты с React Three Fiber, React Three Drei и Three.js

https://habr.com/ru/company/timeweb/blog/704024/
👍15
Настройка Webpack 5

Пошаговое руководство по настройке сборщика Webpack 5 для совместной работы с такими инструментами как Pug, Sass, JS, React и Markdown.

https://habr.com/ru/post/701724/
🤮12👍7🔥5❤‍🔥3💩3😱1🤡1
Креш курс по TypeScript для React разработки (и не только)

https://profy.dev/article/react-typescript
👍19😁2
Просим ChatGPT создать ToDo App

Может мы уже наконец встретились с заменой программистов на AI?

https://blog.bitsrc.io/ad347ad74c51
👎17🔥11🤯4👍3🥴2
Новые единицы измерения для viewport

https://12daysofweb.dev/2022/new-viewport-units/
🔥34😱15🍌3👎1
Сила CSS колонок

О возможностях и удобстве использования свойства columns в CSS

https://medium.com/codex/the-true-power-of-css-columns-2e620ad66282
👍142
30 способов улучшить CSS перформанс сайта

От банальных до изощренных.

https://blog.openreplay.com/30-ways-to-improve-website-performance-with-css/
🔥161
Бесконечный 3D слайдер на CSS

https://css-tricks.com/css-infinite-3d-sliders/
👍10🤯6🥴1