Используем CSS Grid чтобы сделать фиксированный сайдбар с проскроливаемым основным контентом
https://www.paigeniedringhaus.com/blog/use-css-grid-to-make-a-fixed-sidebar-with-scrollable-main-body
https://www.paigeniedringhaus.com/blog/use-css-grid-to-make-a-fixed-sidebar-with-scrollable-main-body
Paigeniedringhaus
Use CSS Grid to Make a Fixed Sidebar with Scrollable Main Body
Forget position: absolute and position: fixed , reach for CSS Grid instead.
👍9🤮3😱1
Вводдное руководство по CI/CD для фронт разработчиков.
https://blog.tegadev.xyz/an-introductory-guide-to-ci-cd-for-frontend-developers
https://blog.tegadev.xyz/an-introductory-guide-to-ci-cd-for-frontend-developers
👍15👎1
Собираем React приложение при помощи Vite
https://blog.openreplay.com/building-a-react-application-with-vite
https://blog.openreplay.com/building-a-react-application-with-vite
👍11👎2
deno_lint — быстрый линтер для JavaScript и TypeScript, написанный на Rust
https://github.com/denoland/deno_lint
https://github.com/denoland/deno_lint
GitHub
GitHub - denoland/deno_lint: Blazing fast linter for JavaScript and TypeScript written in Rust
Blazing fast linter for JavaScript and TypeScript written in Rust - denoland/deno_lint
👍10😱2🤔1
react-tracking: декларативное отслеживание для приложений на React.
https://blog.logrocket.com/react-tracking-declarative-tracking-react-apps/
https://blog.logrocket.com/react-tracking-declarative-tracking-react-apps/
LogRocket Blog
react-tracking: Declarative tracking for React apps - LogRocket Blog
Declarative tracking is a method of tracking a user's interactions on a webpage. Explore declarative tracking using react-tracking.
👍7❤3🙏1
Используем GraphiQL для понимания схемы GraphQL. GraphiQL можно рассматривать как Postman для REST API.
https://blog.logrocket.com/visualizing-graphql-schema-with-graphiql/
https://blog.logrocket.com/visualizing-graphql-schema-with-graphiql/
LogRocket Blog
Visualizing GraphQL schema with GraphiQL - LogRocket Blog
Visualizing GraphQL schema with GraphiQL can help devs simplify their development process in a hassle-free way.
👍3🥰2💩2
Продвинутые вопросы для CSS собеседования. Реализуем if-else.
https://medium.com/frontend-canteen/an-advanced-css-interview-question-implement-if-else-in-css-bb681d786d76
https://medium.com/frontend-canteen/an-advanced-css-interview-question-implement-if-else-in-css-bb681d786d76
Medium
An Advanced CSS Interview Question: Implement if-else in CSS
One of my friends recently came across a funny CSS interview question during an interview. When I first saw the question, I thought it was…
👍15💩3❤2
Обработка массивов: for-of vs. .reduce() vs. .flatMap()
https://2ality.com/2022/05/processing-arrays-non-destructively.html
https://2ality.com/2022/05/processing-arrays-non-destructively.html
💩18👍5
Создаем веб-компонент сортируемой таблицы с пагинацией.
https://www.raymondcamden.com/2022/05/23/building-table-sorting-and-pagination-in-a-web-component
https://www.raymondcamden.com/2022/05/23/building-table-sorting-and-pagination-in-a-web-component
Raymondcamden
Building Table Sorting and Pagination in a Web Component
Building a web component to abstract loading data into a table and adding sorting and pagination.
👍10💩3
Kubernetes для фронт разработчиков.
https://www.smashingmagazine.com/2022/05/kubernetes-front-end-developers/
https://www.smashingmagazine.com/2022/05/kubernetes-front-end-developers/
Smashing Magazine
Kubernetes For Frontend Developers — Smashing Magazine
Developers are migrating from on-premises technology and embracing the benefits cloud infrastructure offers. Moreso, there is a rapid shift from a monolithic architecture to microservices architecture; this ensures that apps have higher availability, are…
👍13🤔2💩2👎1
Топ 5 библиотек для анимации на Vue - сравнение.
https://blog.logrocket.com/top-5-vue-animation-libraries-compared/
https://blog.logrocket.com/top-5-vue-animation-libraries-compared/
LogRocket Blog
Top 5 Vue animation libraries compared - LogRocket Blog
Compare the top 5 Vue animation libraries based on installation processes, implementation, and essential features.
👍7💩1
Создание статического сайта с использованием Iles.js
https://blog.openreplay.com/building-a-static-website-using-iles-js
https://blog.openreplay.com/building-a-static-website-using-iles-js
👍4💩3
Альтернатива Next.JS? — Все, что вам нужно знать о RemixJS
https://blog.openreplay.com/an-alternative-to-next-js-everything-you-need-to-know-about-remixjs
https://blog.openreplay.com/an-alternative-to-next-js-everything-you-need-to-know-about-remixjs
💩17👍9🤔1
Создание адаптивной галереи с CSS flexbox.
https://blog.logrocket.com/how-create-responsive-image-gallery-css-flexbox/
https://blog.logrocket.com/how-create-responsive-image-gallery-css-flexbox/
LogRocket Blog
How to create a responsive image gallery with CSS flexbox - LogRocket Blog
Learn how to use CSS flexbox to create demos for responsive image gallery layouts that look amazing across all devices.
👍12
Полезные советы и трюки при работе с array reduce.
https://javascript.plainenglish.io/10-must-know-javascript-tricks-tips-about-reduce-1368766d99da
https://javascript.plainenglish.io/10-must-know-javascript-tricks-tips-about-reduce-1368766d99da
Medium
10 Must-Know JavaScript Tricks & Tips About Reduce
10 Tricks About Reduce That Make You Write Less And Do More.
👎9👍7😁2
Что такое SPA - плюсы и минусы, некоторые особенности. Краткая заметка, которая подойдет для подготовки к собеседованию,
https://www.keycdn.com/blog/single-page-application
https://www.keycdn.com/blog/single-page-application
KeyCDN
Single-Page Applications: A Comprehensive Guide
Single-Page-Applications (SPAs) are websites that load all their content into a single page. Learn the benefits of SPAs and when they're best for your website.
👍11
Когда и как использовать HTML валидацию форм.
https://blog.logrocket.com/when-how-to-choose-html-form-validation/
https://blog.logrocket.com/when-how-to-choose-html-form-validation/
LogRocket Blog
When and how to choose HTML for form validation - LogRocket Blog
Client-side form validation such as HTML5 gives users near-immediate feedback about whether or not their input data is valid.
👍6