TGViewer
Channel Public Channel
FrontEndDev

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.8K
Photos
2.7K
Videos
26
Links
7.9K

Showing posts older than #9324 · Back to latest

Older Posts 17 shown
Post #9323 5.64K
Конвертор SVG paths в CSS shape

Интересный инструмент, который использует новую функцию shape() свойства clip-path для создания CSS фигур.

https://css-generators.com/svg-to-css/
  • 👍 10
  • 🔥 3
  • ⚡ 1
Post #9322 5.88K
React Router Devtools

Набор инструментов для отладки приложений на основе React Router v7+. Предоставляет интерфейс с вкладками Active Page, Terminal, Settings, Errors, Network и Routes, а также боковую вкладку Timeline, позволяя эффективно отслеживать информацию о страницах, URL-параметрах, ответах сервера, данных загрузчиков, маршрутах и многом другом.

https://github.com/forge-42/react-router-devtools
  • ❤ 6
  • ⚡ 3
  • 🔥 3
Post #9319 6.34K
GSAP теперь бесплатная

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

https://gsap.com/blog/3-13/
  • 🔥 44
  • ❤‍🔥 1
  • 👍 1
Post #9318 7.61K
Новоe CSS-свойство margin-trim

Оно позволяет автоматически обрезать внешние отступы своих дочерних элементов, примыкающих к его краям. Это упрощает создание макетов без необходимости вручную удалять отступы у первого и последнего дочерних элементов. Поддерживается пока только в Safari.

https://webkit.org/blog/16854/margin-trim/
  • 👍 35
  • 😁 11
  • 🌚 7
  • 😐 4
  • 🔥 3
  • ❤ 2
Post #9317 6.77K
Справочник по операторам JS

Удобный интерактивный справочник по JavaScript-операторам с примерами использования.

https://www.joshwcomeau.com/operator-lookup/
  • 👍 11
  • ❤‍🔥 3
  • 🔥 2
  • ❤ 1
  • ⚡ 1
Post #9316 6.46K
Что такое Owl Selector (а я думал сова)?

Как и когда удобно применять селектор вида (* + *), а также существующие альтернативы ему.

https://www.youtube.com/watch?v=0O0ssm70g1g
YouTube What is CSS Owl Selector (* + *)? Find out what the owl (* + *) selector in CSS is, how it works, why you should use it, and the viable alternatives. Subscribe to CSS Weekly Newsletter: 💌 https://css-weekly.com/ 📖 Chapters 00:00 What is the owl selector in CSS 00:28 How to use the owl…
  • ❤ 6
  • 😁 2
  • ⚡ 1
  • 🔥 1
Post #9315 6.09K
Пишем эффективные и понятные сообщения об ошибках

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

https://piccalil.li/blog/how-to-write-error-messages-that-actually-help-users-rather-than-frustrate-them/
  • 👍 9
  • ❤ 3
  • 👎 1
  • 🔥 1
  • 💩 1
Post #9314 6.75K
Улучшаем типографику с помощью единиц line-height

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

https://webkit.org/blog/16831/line-height-units/
  • 🔥 8
  • ❤ 4
  • 👍 2
Post #9311 6.32K
LaLoka Layouts

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

https://layoutsfortailwind.lalokalabs.dev/
  • 👍 8
  • ❤ 3
  • 🔥 1
Post #9310 6.12K

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
  • 👍 3
  • ⚡ 1
Post #9308 5.7K
CSS Hell

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

https://csshell.com/
  • 👍 10
  • 😁 5
  • 🔥 2
Post #9307 6.24K
JSON Mocker

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

https://laurawebdev.github.io/json-mocker/
  • 🔥 12
  • ❤ 3
  • 🤔 2
  • 🤯 1
Post #9296 5.61K
⚡ Дождались! Ребята сделали крутейший канал про Frontend

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

Подписывайтесь: @FrontendPortal
  • 👍 10
  • ❤ 3
  • 🔥 2
Older posts →
Threads Profile ViewerView any public Threads profile without an account.Open ThreadLook →Writing with AI? Make it sound human.Metric37 rewrites AI drafts so they read naturally. Free AI detector, 1,500 words free.Try Metric37 →