Frontend

Единственное руководство по хукам React, которое вы действительно дочитаете до конца. Практическое руководство для начинающих по хукам, которые вы будете использовать каждый день, — с реальными примерами, чистым кодом и без лишних деталей. https://coinsbench.com/the-only-react-hooks-guide-youll-actually-finish-reading-9d6c4ffd3fc6

10 современных функций CSS, которые вы захотите использовать https://railsdesigner.com/modern-css-overview Rails Designer 10 Modern CSS Features You Want to Use CSS is evolving quickly and there many really cool new features that can help you craft beautiful web pages.

CSS-меню: 43 креативных примера для вашего сайта https://prismic.io/blog/css-menus prismic.io CSS Menus: 43 Creative Examples for Your Website Explore 43 innovative CSS menu designs for your website. From mega-menus to hamburger animations, elevate your navigation with these creative examples.

Slice.js: легкий фреймворк на основе компонентов фронтенда https://medium.com/@victorkneider/slice-js-lightweight-frontend-component-based-framework-77026d67e91a Medium Slice.js: Lightweight frontend component based framework In today’s web development landscape, choosing the right framework can feel overwhelming. Angular, React, Vue, Svelte — the options are…

Как фронтендеру сделать интерфейс дружелюбнее к пользователю. Коллекция HTML/CSS лайфхаков https://habr.com/ru/companies/ruvds/articles/905648/

AutoView — превращение вашего чертежа в компоненты пользовательского интерфейса (генератор кода ИИ) https://dev.to/samchon/autoview-turning-your-blueprint-into-ui-components-ai-code-generator-fp DEV Community AutoView - turning your blueprint into UI components (AI Code Generator) 1. Preface @autoview is an automated frontend builder that generates code using type...

11+ лучших сайтов для бесплатной загрузки шаблонов Next.js https://dev.to/vinishbhaskar/best-websites-for-free-nextjs-template-l87 DEV Community 11+ Best Websites to Download Free Next.js Templates If you're working on a Next.js project and need the best free template to speed up development,...

CSS-анимации позволяют разработчикам создавать динамичные, привлекательные визуальные эффекты без использования сторонних инструментов или скриптов. В этом руководстве рассматриваются основы CSS-анимации, включая ключевые кадры, основные свойства и их сравнение с анимацией JavaScript. https://webcode.tools/css-generator/keyframe-animation Web Code Tools Animations CSS Generator | Web Code Tools Generate ready to use CSS animations with our CSS generator tool. Preview the result and copy the generated code to your website.

37 советов от старшего разработчика интерфейса https://dev.to/_ndeyefatoudiop/37-tips-from-a-senior-frontend-developer-251b DEV Community 37 Tips from a Senior Frontend Developer I really liked @abbeyperini post and decided to share my tips after 5+ years as a software...

Функции в CSS?! https://css-tricks.com/functions-in-css CSS-Tricks Functions in CSS?! | CSS-Tricks Arguments?! Return values?! What's crazier, you can use functions right now in Chrome Canary! So, after reading and playing around, here are my key insights on what you need to know about CSS Functions.

TypeScript в 10 раз быстрее https://devblogs.microsoft.com/typescript/typescript-native-port Microsoft News A 10x Faster TypeScript Embarking on a native port of the existing TypeScript compiler and toolset to achieve a 10x performance speed-up.

Относительные цвета CSS (интерактивное руководство) https://ishadeed.com/article/css-relative-colors Ishadeed CSS Relative Colors An interactive guide to learn CSS Relative Colors.

Часы и наручные часы в CSS https://dev.to/madsstoumann/clocks-and-watches-in-css-36mm DEV Community Clocks and Watches in CSS A couple of years ago, when CSS trigonometry functions became baseline, I wrote an article about...

6 репозиториев для Master Nextjs ⭐️ Лучшие 6 проектов для освоения nextjs https://medium.com/@mdtaqui.jhar/6-repos-to-master-nextjs-d01672dbea7c Medium 6 repos To Master Nextjs ⭐ Best 6 projects to master nextjs

Руководство по современным шаблонам архитектуры фронтенда https://blog.logrocket.com/guide-modern-frontend-architecture-patterns LogRocket Blog 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.

Лучшая библиотека иконок на 2025 год с 4 тыс.+ бесплатных иконок https://dev.to/icons/best-icon-library-5hm7 DEV Community Best Icon Library for 2026 with 4k+ Free Icons Finding the right and consistent icons was never easier! It was really time-consuming. But now it has...

Компиляция CSS с помощью Vite и Lightning CSS https://css-tricks.com/compiling-css-with-vite-and-lightning-css CSS-Tricks 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.

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…

Веб-приложение для создания гибких макетов с использованием возможностей CSS Flexbox. https://github.com/prazzon/flexbox-labs https://flexboxlabs.netlify.app/grid GitHub 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

Компонент Рейтинга Звезд, Состоящий Из Одного Элемента (Без JS) https://css-tip.com/star-rating/ Css-Tip 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