Channel Public Channel

FrontEndDev

@front_end_dev

🚀 Статьи, новости, туториалы по frontend разработке.

http://jem-space.ru

Admin: @jem_jem
Пишу в @five_a_m
AI и вайбкод @vibe_and_ai

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

Реклама: http://bit.ly/2NxmVDu
РКН: https://clck.ru/3GLw7G

Open in Telegram

Subscribers: 25.7K
Photos: 2.7K
Videos: 30
Links: 7.9K

Showing posts older than #8147 · Back to latest

Older Posts 20 shown

Post #8146 8.81K Feb 21, 2023, 07:30 UTC

Создаем зернистый фон с SVG фильтрами

https://www.freecodecamp.org/news/grainy-css-backgrounds-using-svg-filters/

👍 15

Post #8143 8.26K Feb 20, 2023, 13:07 UTC

CSS цвета высокого разрешения

Обзор цветовых моделей CSS, а также советы и тонкости при работе с цветами в Chrome.

https://developer.chrome.com/articles/high-definition-css-color-guide/

👌 4
🌭 4
❤ 1
💩 1

Post #8141 8.38K Feb 20, 2023, 08:36 UTC

Интегрируем Cache API с Service Workers

Простой способ кешировать статику с помощью Service Workers.

https://blog.openreplay.com/integrating-the-cache-api-with-service-workers/

🔥 7

Post #8139 8.67K Feb 18, 2023, 14:24 UTC

Реактивность с Vue 3 Composition API: ref() и reactive()

https://blog.logrocket.com/reactivity-vue-3-composition-api-ref-reactive/

👍 15
🤔 1

Post #8137 8.92K Feb 17, 2023, 15:29 UTC

Аудиоплеер на React

Подробный туториал по созданию веб плеера

https://blog.logrocket.com/building-audio-player-react/

🔥 15
👍 10
👏 2
🍾 1

Post #8136 8.87K Feb 17, 2023, 09:25 UTC

Тестируем Vue компоненты

Советы по тестированию Vue компонентов с Vitest и Vue Test Utils.

https://betterprogramming.pub/testing-vue-components-the-right-way-a5a0dfb819a2

❤ 12
👍 2
🔥 1

Post #8134 9.11K Feb 16, 2023, 09:45 UTC

Графики и чарты на React c использованием Recharts

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

https://blog.openreplay.com/charting-and-graphing-in-react-with-recharts/

👍 19
😐 7
👎 1

Post #8131 9.75K Feb 14, 2023, 10:00 UTC

Задумывались ли вы, насколько ваш продукт доступен для незрячих? А для слабовидящих или тех, у кого нет рук?

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

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

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

Приходите: accessibilityunity.com/

🔥 8
👍 7

Post #8130 9.36K Feb 14, 2023, 07:51 UTC

Создание и валидация форм на React с Informed и Yup

https://blog.logrocket.com/build-powerful-react-forms-with-informed/

👍 17
👎 1
🥰 1

Post #8129 10.1K Feb 13, 2023, 14:29 UTC

Создаем эффект двигающегося заднего фона

https://css-tricks.com/moving-backgrounds/

👍 36
🔥 4
😁 1

Post #8127 12.1K Feb 9, 2023, 11:20 UTC

Валидация форм с помощью Zod

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

https://blog.bitsrc.io/react-form-validation-5aa06193bec4

👍 17

Post #8125 10.8K Feb 8, 2023, 09:05 UTC

Полное руководство по обработке ошибок в JS

https://www.sitepoint.com/javascript-error-handling/

👍 16

Post #8124 10.3K Feb 7, 2023, 16:04 UTC

Как работать с App Directory Architecture

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

https://www.smashingmagazine.com/2023/02/understanding-app-directory-architecture-next-js/

👍 13

Post #8123 10.2K Feb 6, 2023, 12:28 UTC

Интерактивные SVG

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

https://blog.logrocket.com/interactive-svg-circle-of-fifths/

🔥 16
❤‍🔥 2
👌 1

Post #8122 9.99K Feb 5, 2023, 08:32 UTC

Оптимизируем TTFB (Time to First Byte)

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

https://web.dev/optimize-ttfb/

🔥 17

Post #8120 12.6K Feb 2, 2023, 15:48 UTC

Оптимальные изображения в вашем HTML

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

https://www.builder.io/blog/fast-images

🔥 29
❤ 3
👍 3
🍌 3

Post #8119 10.6K Feb 1, 2023, 09:23 UTC

Forwarded from Habr For Dev

#javascript #google-chrome

Js, трюки, наблюдения, бенчмарки и как Лиса уничтожает Хром. Я протестировал всё, что вам было лень

Рейтинг: 96

https://habr.com/ru/post/712386

Хабр Js, трюки, наблюдения, бенчмарки и как Лиса уничтожает Хром. Я протестировал всё, что вам было лень Картинка, конечно, стронгли анрилейтед Разные трюки я тестировал на Google Chrome 107.0.5304.107 и Mozilla Firefox 107.0 на Windows 10. Чтобы результаты всегда были железно воспроизводимыми, я...

👍 20
👎 2
🔥 1

Post #8118 9.82K Jan 31, 2023, 07:36 UTC

Краткий обзор Bun — новой среды выполнения JavaScript

https://habr.com/ru/company/timeweb/blog/710202/

👍 19
👎 5
🌚 1

Post #8117 9.91K Jan 30, 2023, 14:35 UTC

Нельзя просто так взять и распарсить этот JSON на JavaScript

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

https://habr.com/ru/post/712618/

🔥 11
⚡ 5
👍 5
❤ 1

Post #8115 10.1K Jan 30, 2023, 07:30 UTC

Осваиваем TypeScript

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

https://habr.com/ru/company/ruvds/blog/712548/

🔥 12
😐 5
👍 4
💩 3
🌭 1

Older posts →