Top-10 Posts for FE (Week 4, Mar 2023)
Tags: css, javascript, webdev, beginners
Published: 2023-03-27 17:46:05

Here are the top 10 posts from the past week that will be useful to front-end developers and beyond. The selection was made on the basis of their interestingness, uniqueness, presentation, usefulness and subjective assessment of the author.

## [A Complete Guide To CSS Overflow](https://dev.to/lambdatest/a-complete-guide-to-css-overflow-4p3o)

When the overflow CSS property comes to the rescue, here's an overview of its features to help control the positioning of content.

![A Complete Guide To CSS Overflow](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/hoqul35f11i7hzb4c4zv.png)

## [Declaring variables in JavaScript (What happens when you don’t)](https://dev.to/jesseilc123/declaring-variables-in-javascript-what-happens-when-you-dont-1e6h)

Differences in the way variables are declared, their peculiarities and the importance of using them.

![Declaring variables in JavaScript (What happens when you don’t)](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/m3ead0m8wq399irjryoi.png)

## [The easy approach to learning Object-Oriented Programming in JavaScript](https://dev.to/efkumah/the-easy-approach-to-learning-object-oriented-programming-in-javascript-5e24)

This article provides a comprehensive but easily-to-understand approach to learning OOP.

![The easy approach to learning Object-Oriented Programming in JavaScript](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/7mi0bvozlmwje3zpaevu.png)

## [Deep dive into the browser events with mindmaps](https://dev.to/avinash8847/deep-dive-into-the-browser-events-with-mindmaps-4eel)

This is an extensive exploration of the intricacies surrounding DOM events.

![Deep dive into the browser events with mindmaps](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/dqkq5u4gf7xjwgykaytw.png)

## [Creating CSS masonry-style layouts](https://dev.to/logrocket/creating-css-masonry-style-layouts-50b7)

In this tutorial author will explore the experimental masonry layout added to the CSS Grid Level 3 Specification.

![Creating CSS masonry-style layouts](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ejrf3wurzr5nvca74h6b.png)

## [A Complete Guide to CSS Refactoring](https://dev.to/lambdatest/a-complete-guide-to-css-refactoring-152m)

The post introduces you to CSS refactoring, factors that affect bad CSS, and tips for improving the overall structure of your code.

![A Complete Guide to CSS Refactoring](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/wqxwt032yr5du0a7ydzi.png)

## [MutationObserver](https://dev.to/hasantezcan/mutationobserver-3f0p)

What is the MutationObserver API, what is it for and what range of functions can be solved with it.

![MutationObserver](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/peb9iltuigqnv8bo1bh2.png)

## [CSS Flexbox: Building Flexible and Responsive Layouts In 2023](https://dev.to/devxvaibhav/css-flexbox-building-flexible-and-responsive-layouts-in-2023-3ppp)

This article will discuss how to use Flexbox for efficient layouts in CSS, including an overview of Flexbox, its properties and values.

![CSS Flexbox: Building Flexible and Responsive Layouts In 2023](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/fpwc1128j3mx1chf0lp2.png)

## [What is Strict Mode in React?](https://dev.to/codeofrelevancy/what-is-strict-mode-in-react-3p5b)

What is strict mode in React, what problems it solves and how to use it to detect unsafe lifecycles.

![What is Strict Mode in React?](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/2oj3anpdbiqx4srecxak.png)

## [How to use Postman for API testing](https://dev.to/terieyenike/how-to-use-postman-for-api-testing-10cl)

In this article, you will learn and explore the various uses of Postman and how it can help you become productive as a developer, no matter your stack.

![How to use Postman for API testing](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/cdv5s2oxi9jrjwbme512.png)


---

[![More News on channel t.me/fruntend_news](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/4qyxv1b74oody1eb0k10.jpg)](https://telegram.me/fruntend_news)[![By me a coffee](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/zir1erzg7v28nvyuue09.jpg)](https://www.buymeacoffee.com/fruntend)