Frontend

@frontend_now

Много полезного материала по JavaScript, TypeScript, Angular, React, Vue, HTML, CSS, Node.js, Mobile и многому другому.

По вопросам сотрудничества- @Daily_admin_info

По иным темам @un_ixtime

Frontend (Russian)

Frontend - это канал для всех, кто интересуется разработкой веб-приложений. Здесь вы найдете много полезного материала по JavaScript, TypeScript, Angular, React, Vue, HTML, CSS, Node.js, Mobile и многому другому. Этот канал предлагает обширные знания и инсайты в мир фронтенд-разработки, чтобы вы могли быть в курсе всех последних тенденций и технологий. Если вам нужна помощь или вы хотите обсудить сотрудничество, вы можете связаться с администратором по ссылке @Daily_admin_info. Для обсуждения других тем вы также можете обратиться к администратору канала @un_ixtime. Присоединяйтесь к каналу Frontend прямо сейчас и углубитесь в увлекательный мир веб-разработки!

Frontend

22 Jan, 08:26

Дорожная карта Frontend-разработчика 2025: полное руководство

https://levelup.gitconnected.com/frontend-developer-roadmap-2025-the-complete-guide-b209a9c3a22b

175

Frontend

22 Jan, 08:24

Пара CSS-приемов для элементов HTML Dialog

https://cassidoo.co/post/css-for-dialogs

176

Frontend

19 Jan, 07:06

Станьте экспертом в React Query
Выведите свои знания React Query на новый уровень.

https://tigerabrodi.blog/become-expert-in-react-query

259

Frontend

19 Jan, 07:05

Лучшие UX-практики по проектированию боковой панели

https://uxplanet.org/best-ux-practices-for-designing-a-sidebar-9174ee0ecaa2

245

Frontend

18 Jan, 14:04

Балансировка текста в CSS

https://ishadeed.com/article/balancing-text-css

234

Frontend

18 Jan, 12:04

Проектирование системы frontend: приложение чата

https://tigerabrodi.blog/frontend-system-design-chat-application

233

Frontend

18 Jan, 11:03

Как оптимизировать веб-приложения Next.js для повышения производительности

https://www.freecodecamp.org/news/optimize-nextjs-web-apps-for-better-performance

238

Frontend

18 Jan, 09:03

11 бесплатных сайтов, которые должен знать каждый разработчик

https://dev.to/kafeel_ahmad/11-free-must-know-websites-for-every-developer-22g6

249

Frontend

06 Dec, 11:56

Представляем Astro 5.0! С Astro Content Layer для загрузки вашего контента из любого источника и Server Islands для объединения кэшированного статического контента с динамическим персонализированным контентом. Читайте дальше, чтобы узнать больше об этих мощных новых функциях и многом другом! https://astro.build/blog/astro-5

541

Frontend

05 Dec, 08:44

HyperUI — это коллекция бесплатных компонентов CSS Tailwind, которые можно использовать в вашем следующем проекте. С помощью ряда компонентов вы можете создать свой следующий маркетинговый веб-сайт, панель администратора, магазин электронной коммерции и многое другое. https://www.hyperui.dev/

465

Frontend

05 Dec, 08:43

Библиотека компонентов CSS Tailwind

Давайте не будем беспокоиться о дизайне веб-сайта. Создавайте потрясающие пользовательские интерфейсы без усилий с более чем 1800 готовыми к использованию компонентами https://tailwindflex.com/

393

Frontend

05 Dec, 08:42

Матовое стекло нового уровня сbackdrop-filter

https://www.joshwcomeau.com/css/backdrop-filter

382

Frontend

24 Nov, 09:21

CSS Easing Editor упрощает использование функций CSS Easing. https://easingwizard.com/

457

Frontend

24 Nov, 09:20

7 Лучших Практических Проектов Для Повышения Уровня Ваших Навыков

https://blog.openreplay.com/best-seven-practice-projects-to-level-up-your-skills

453

Frontend

24 Nov, 09:19

Полное руководство по всем концепциям Javascript (AZ): от базового до продвинутого уровня

https://medium.com/@omkartalekar1112/all-javascript-concepts-a-z-basic-to-advanced-7b7453d5b008

395

Frontend

24 Nov, 09:17

Tailwind CSS v4.0 Beta 1

https://tailwindcss.com/blog/tailwindcss-v4-beta

366

Frontend

21 Nov, 19:03

CSS изменился навсегда… плюс 7 новых функций, о которых вы не знали

https://www.youtube.com/watch?v=A89FMtIkWKc

387

Frontend

17 Nov, 08:46

Создайте и разверните полнофункциональное приложение для знакомств

https://www.freecodecamp.org/news/build-deploy-a-full-stack-dating-app

490

Frontend

11 Nov, 06:24

15 основных инструментов и ресурсов для разработчиков Frontend ⚡️

https://dev.to/paul_freeman/15-essential-tools-and-resources-for-frontend-developers-4jn4

566

Frontend

07 Nov, 17:35

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

https://chalk.ist/

620

Frontend

31 Oct, 08:52

Лучшие практики JavaScript

В этой записи блога мы рассмотрим несколько ключевых лучших практик в современном JavaScript для более чистого, более поддерживаемого и более производительного кода.

https://blog.jetbrains.com/webstorm/2024/10/javascript-best-practices-2024

602

Frontend

31 Oct, 06:33

Мощь CSS-масок

Декабрь 2023 года стал значимой датой в истории развития CSS-свойства mask: все современные браузеры в своих последних версиях обеспечили его полную поддержку, теперь без использования своих вендорных префиксов. А это означает, что данное свойство прочно и надолго вошло в жизнь каждого фронтенд-разработчика. Осталось лишь фронтенд-разработчикам принять его в свою жизнь и перестать его бояться!

В статье я кратко напомню основные теоретические идеи свойства и подробно расскажу о реальных примерах использования на основании опыта разработки Taiga UI.
https://habr.com/ru/companies/tbank/articles/853042/

490

Frontend

26 Oct, 07:09

Что вы предпочитаете: CSS-модули или Tailwind CSS?

https://themeselection.com/do-you-prefer-css-modules-or-tailwind-css

462

Frontend

23 Oct, 15:31

17 проектов React, которые должен знать каждый разработчик 👩‍💻 🔥

https://dev.to/tolgee_i18n/17-must-know-react-projects-for-developers-28a2

466

Frontend

16 Oct, 12:37

Пожалуйста, не используйте единицы измерения области просмотра для размеров шрифта.

https://www.youtube.com/watch?v=G1buM51f09s

585

Frontend

16 Oct, 12:36

Как создать библиотеку компонентов CSS и улучшить свои навыки веб-разработки

https://www.freecodecamp.org/news/how-to-build-a-css-component-library-step-by-step

475

Frontend

15 Oct, 12:48

Откройте для себя более 65 бесплатных и премиум- шаблонов CSS Tailwind / Панель инструментов для современной веб-разработки

https://tailwindcsstemplates.com/

477

Frontend

15 Oct, 12:48

Анимированная стопка карточек с прокруткой

https://www.bram.us/2024/10/13/scroll-driven-animated-card-stack-with-scroll-snap-events

439

Frontend

11 Oct, 08:18

Функция обнаружения стилей Поддержка запросов в CSS

https://www.bram.us/2024/10/06/feature-detect-style-queries-support-in-css

493

Frontend

11 Oct, 08:16

Псевдокласс :invalid позволяет вам указывать определенные подсказки в реальном времени в виде стилей дизайна или всплывающих сообщений для полей формы, которые не соответствуют требуемым критериям проверки. В этой статье мы увидим, как вы можете использовать псевдокласс :invalidдля создания и проверки форм, которые предлагают лучший пользовательский опыт.
https://blog.openreplay.com/leveraging-css-invalid-for-real-time-data-validation

424

Frontend

11 Oct, 08:15

В Миллион Раз Быстрее: Million.Js Против React

В этой статье сравниваются React и Million.js, объясняются их особенности и показатели производительности. После этого сравнения вы сможете более конкретно узнать, какая библиотека может хорошо подойти для вашего проекта, особенно если он связан с производительностью. https://blog.openreplay.com/a-million-times-faster--millionjs-vs-react

405

Frontend

07 Oct, 13:16

10 помощников ИИ для разработчиков фронтенда, которые изменят ваш подход к кодированию🚀🔥

https://dev.to/astrodevil/10-ai-assistants-for-frontend-developers-that-will-change-the-way-you-code-3fh4

490

Frontend

05 Oct, 06:30

Коллекция Загрузчиков CSS Filling

https://css-tip.com/filling-loader/

464

Frontend

05 Oct, 06:29

Как я создаю компонент кнопки

Кнопка, пожалуй, наиболее вероятный компонент, который может оказаться в вашей кодовой базе, поэтому я собираюсь показать вам, как я подхожу к ее созданию. Надеюсь, это развеет миф о скромной кнопке и побудит людей, которые тянутся к <div>и обработчику JavaScript, использовать семантические элементы. https://piccalil.li/blog/how-i-build-a-button-component

451

Frontend

01 Oct, 14:59

Золотое сечение в CSS

https://dev.to/madsstoumann/the-golden-ratio-in-css-53d0

499

Frontend

30 Sep, 12:19

5 концепций JavaScript, которые должен знать каждый разработчик

Это 5 функций, которые должен изучить каждый разработчик JavaScript

https://medium.com/javarevisited/5-javascript-concepts-every-developer-should-know-61111b00349a

Библиотека компонентов пользовательского интерфейса CSS Laravel Blade и Tailwind

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

https://turbineui.com/

534

Frontend

12 Sep, 07:24

Расширенные Анимации С Помощью CSS Linear()

https://blog.openreplay.com/advanced-animations-with-css-linear/

534

Frontend

12 Sep, 06:20

Напишите более производительный CSS

https://css-triggers.com/

503

Frontend

10 Sep, 14:55

Неоспоримая полезность CSS:has

https://www.joshwcomeau.com/css/has

511

Frontend

09 Sep, 06:09

HTMX 2.0 Уже Здесь: Все, Что Вам Нужно Знать О Нем

https://blog.openreplay.com/htmx-2-0-is-here

500

Frontend

07 Sep, 07:27

Ресурсы фронтенда V2! 🚀

Эта коллекция содержит широкий спектр инструментов, которые охватывают все: от создания потрясающих пользовательских интерфейсов до тонкой настройки производительности и многого другого. Эти ресурсы были бесценны в моих собственных проектах, и я рад поделиться ими с вами. Надеюсь, они будут так же полезны для вас, как и для меня! https://dev.to/miguelrodriguezp99/frontend-resources-v2-57mj

481

Frontend

07 Sep, 07:23

Отображение содержимого CSS

Узнайте, как использовать отображаемое содержимое для создания более гибких макетов. https://ishadeed.com/article/display-contents/

360

Frontend

07 Sep, 07:22

Типы и интерфейсы в TypeScript

У нас есть два варианта определения типов в TypeScript: типы и интерфейсы. Один из наиболее часто задаваемых вопросов о TypeScript — следует ли нам использовать интерфейсы или типы.

Ответ на этот вопрос, как и на многие вопросы программирования, заключается в том, что это зависит. В некоторых случаях один имеет явное преимущество над другим, но во многих случаях они взаимозаменяемы.

В этой статье я рассмотрю основные различия и сходства между типами и интерфейсами, а также рассмотрю, когда целесообразно использовать каждый из них. https://blog.logrocket.com/types-vs-interfaces-typescript

376

Frontend

04 Sep, 12:56

Мы все знаем, что CSS раньше был самой сложной частью веб-разработки. Однако в наши дни он стал еще сложнее.

Вы не поверите, но теперь CSS может определять свойства, выполнять математические вычисления и даже напрямую получать размер окна! Эта статья покажет вам, как это сделать. https://dev.to/leapcell/get-screen-size-in-pure-css-3kna

430