Channel: Frontend
Веб-приложение для создания гибких макетов с использованием возможностей CSS Flexbox.
https://github.com/prazzon/flexbox-labs
https://flexboxlabs.netlify.app/grid
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
React Query: решение проблем управления состоянием фронтенда?
https://www.architecture-weekly.com/p/react-query-a-solution-for-frontend
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 с помощью Vite и Lightning CSS
https://css-tricks.com/compiling-css-with-vite-and-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.
Лучшая библиотека иконок на 2025 год с 4 тыс.+ бесплатных иконок
https://dev.to/icons/best-icon-library-5hm7
https://dev.to/icons/best-icon-library-5hm7
DEV Community
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...
Руководство по современным шаблонам архитектуры фронтенда
https://blog.logrocket.com/guide-modern-frontend-architecture-patterns
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.
6 репозиториев для Master Nextjs ⭐️
Лучшие 6 проектов для освоения nextjs
https://medium.com/@mdtaqui.jhar/6-repos-to-master-nextjs-d01672dbea7c
Лучшие 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
CSS-анимации позволяют разработчикам создавать динамичные, привлекательные визуальные эффекты без использования сторонних инструментов или скриптов. В этом руководстве рассматриваются основы CSS-анимации, включая ключевые кадры, основные свойства и их сравнение с анимацией JavaScript.
https://webcode.tools/css-generator/keyframe-animation
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.
11+ лучших сайтов для бесплатной загрузки шаблонов Next.js
https://dev.to/vinishbhaskar/best-websites-for-free-nextjs-template-l87
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,...
AutoView — превращение вашего чертежа в компоненты пользовательского интерфейса (генератор кода ИИ)
https://dev.to/samchon/autoview-turning-your-blueprint-into-ui-components-ai-code-generator-fp
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...
Как фронтендеру сделать интерфейс дружелюбнее к пользователю. Коллекция HTML/CSS лайфхаков
https://habr.com/ru/companies/ruvds/articles/905648/
https://habr.com/ru/companies/ruvds/articles/905648/
Хабр
Как фронтендеру сделать интерфейс дружелюбнее к пользователю. Коллекция HTML/CSS лайфхаков
Привет, Хабр. Мне всегда нравились красивые и удобные интерфейсы. Желая сделать лучше для пользователя, я потратил не один день. Так я начал коллекционировать HTML и CSS лайфхаки, которые улучшают...
Slice.js: легкий фреймворк на основе компонентов фронтенда
https://medium.com/@victorkneider/slice-js-lightweight-frontend-component-based-framework-77026d67e91a
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…
10 современных функций CSS, которые вы захотите использовать
https://railsdesigner.com/modern-css-overview
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.
HTML Embed Code: