Frontend – Telegram

Frontend

2.54K subscribers

504 photos

30 videos

4 files

1.34K links

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

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

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

Download Telegram

About

Blog

Apps

Platform

2.54K subscribers

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

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

2,000+ Free Tailwind CSS Examples

Community-build Tailwind CSS Components Library

440 views08:43

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

Free Open Source Tailwind CSS v4 Components | HyperUI

Discover free Tailwind CSS v4 components for your next project, designed to enhance your web development with the latest features and styles.

509 views08:44

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

Astro 5.0 | Astro

Astro 5.0 brings exciting new features like the Astro Content Layer for seamless content loading from any source, and Server Islands for effortlessly combining static and dynamic personalized content.

618 views11:56

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

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

11 Free Must-Know Websites for Every Developer

Today, I'm sharing 12 game-changing websites and tools that every developer should bookmark. These...

357 views09:03

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

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

freeCodeCamp.org

How to Optimize Next.js Web Apps for Better Performance

As engineers, we often get so carried away with other aspects of development that we overlook how users perceive and interact with our applications. This oversight can result in users leaving the app almost as soon as they arrive, leading to higher b...

344 views11:03

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

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

Frontend System Design: Chat Application

Introduction
We're gonna do a frontend chat system design exercise together.
This is really good because it tackles a lot of nuances of frontend development.
The goal is to go through the entire process of designing this and think about all the trade...

329 views12:04

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

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

Balancing Text In CSS

Make text look more balanced with text-wrap in CSS.

330 views14:04

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

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

Best UX Practices for Designing a Sidebar

Sidebars in user interfaces have always attracted my attention in terms of research and potential for improving user experience. They are…

379 views07:05

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

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

Become expert in React Query

Take your React Query knowledge to the next level.

409 views07:06

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

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

A couple CSS tricks for HTML Dialog elements

You can use CSS to add some simple functionality to HTML <dialog> elements!

352 views08:24

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

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

Frontend Developer Roadmap 2025: The Complete Guide

Master frontend development in 2025 with this complete roadmap! Learn essential skills, bonus tips, and grab a free progress tracker.

426 views08:26

Стартовый комплект Tailwind
Библиотека компонентов, созданных с помощью Tailwind CSS, для начальной загрузки ваших проектов

https://tailwind-starter-kit.vercel.app/

tailwind-starter-kit.vercel.app

Tailwind CSS Starter Kit

A library of components made with Tailwind CSS to bootstrap your projects

289 views06:49

5 новых потрясающих свойств CSS, которые стоит добавить в свой набор инструментов для разработки интерфейса в 2025 году

https://medium.com/@bruno.mazza87/5-new-amazing-css-properties-to-add-to-your-front-end-toolkit-in-2025-fe7cb528bcde

5 New Amazing CSS Properties To Add To Your Front-end Toolkit in 2025

As CSS continues to evolve, it brings new tools and options that help developers craft better and more dynamic web experiences. In this…

314 views07:50

Пересмотр многоколоночной компоновки CSS

https://css-tricks.com/revisiting-css-multi-column-layout

Revisiting CSS Multi-Column Layout | CSS-Tricks

After 20 years since Andy Clarke first published his book about Multi-Column Layout in CSS, he's back to encourage a fresh look at CSS columns for enhanced readability and design flexibility.

323 views07:51

Компонент Рейтинга Звезд, Состоящий Из Одного Элемента (Без JS)

https://css-tip.com/star-rating/

A single-element star rating component (without JS)

Using a few lines of code to transfom the native range slider into a star rating component

350 views11:55

Веб-приложение для создания гибких макетов с использованием возможностей CSS Flexbox.

https://github.com/prazzon/flexbox-labs

https://flexboxlabs.netlify.app/grid

GitHub - prazzon/Flexbox-Labs: A web app for creating flexible layouts with the power of CSS Flexbox.

A web app for creating flexible layouts with the power of CSS Flexbox. - prazzon/Flexbox-Labs

265 views09:12

React Query: решение проблем управления состоянием фронтенда?

https://www.architecture-weekly.com/p/react-query-a-solution-for-frontend

Architecture-Weekly

React Query: A solution for Frontend State Management challenges? With Tomasz Ducin

I teamed up again with Tomek Ducin for a hands-on look at front-end state management using React Query (now Tanstack Query). We cover how separating local UI state (like toggles and forms) from server data prevents stale info, redundant fetching, and messy…

289 views10:13

Компиляция CSS с помощью Vite и Lightning CSS

https://css-tricks.com/compiling-css-with-vite-and-lightning-css

Compiling CSS With Vite And Lightning CSS | CSS-Tricks

Are partials the only thing keeping you writing CSS in Sass? With a little configuration, it's possible to compile partial CSS files without a Sass dependency. Ryan Trimble has the details.

304 views11:13

Лучшая библиотека иконок на 2025 год с 4 тыс.+ бесплатных иконок

https://dev.to/icons/best-icon-library-5hm7

Best Icon Library for 2025 with 4k+ Free Icons

Finding the right and consistent icons was never easier! It was really time-consuming. But now it has...

363 views13:14

Руководство по современным шаблонам архитектуры фронтенда

https://blog.logrocket.com/guide-modern-frontend-architecture-patterns

A guide to modern frontend architecture patterns - LogRocket Blog

Frontend architecture is the foundation of your frontend codebase. Here's how to optimize the pattern that you choose.

130 views06:50