Top-10 Posts for FE (Week 2, Mar 2023)
Tags: javascript, css, html, webdev
Published: 2023-03-13 10:27:44

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.

## [JavaScript Classes](https://dev.to/tatianabowman/javascript-classes-odl)

What are Classes, what methods do they have, what is Inheritance.

![JavaScript Classes](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/2bhddjabzafxgta1380y.png)

## [What is Tailwind Theming and How to use it in 2023](https://dev.to/fredy/what-is-tailwind-theming-and-how-to-use-it-399i)

How to create a custom and unique design for your project using Tailwind Theming.

![What is Tailwind Theming and How to use it in 2023](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/tni9tz3wy6lhwva6v40g.png)

## [How to draw beautiful connections with SVG](https://dev.to/iscorekin/how-to-draw-beautiful-connections-with-svg-17ii)

How to draw connecting lines in the form of smooth curves using SVG to visually display the connection between information blocks.

![How to draw beautiful connections with SVG](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ma5luml3tuw21m9yv22n.png)

## [Revamp Your Icon Game: The Best Open-Source Icon Libraries of 2023](https://dev.to/ananiket/revamp-your-icon-game-the-best-open-source-icon-libraries-of-2023-1edg)

The author of the post reviews the best open source icon libraries that you can use in your projects for free.

![Revamp Your Icon Game: The Best Open-Source Icon Libraries of 2023](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ri62jvg3dzwhxr8hbfwp.jpg)

## [A guide to CSS object-view-box](https://dev.to/logrocket/a-guide-to-css-object-view-box-33ko)

What is the object-view-box property and how and when to use it.

![A guide to CSS object-view-box](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/omffa5vwyt1lxha3290q.png)

## [Position your element with CSS inset logical property](https://dev.to/mayashavin/position-your-element-with-css-inset-logical-property-3f2i)

In this article, you will learn how to position an element using the `inset` logical property, and how the `inset` property differs from other properties.

![Position your element with CSS inset logical property](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/225xj76egrwnegnm0c74.png)

## [Reasons Why Class Selectors Shouldn't Be Used in JavaScript](https://dev.to/fpaghar/reasons-why-class-selectors-shouldnt-be-used-in-javascript-3pff)

The author of the article explains why the way to select element `document.querySelector('.class')` is not the best.

![Reasons Why Class Selectors Shouldn't Be Used in JavaScript](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/00rjnk1ltkaxti69n9ni.png)

## [A Guide To Newly Supported CSS Pseudo-Class Selectors](https://dev.to/lambdatest/a-guide-to-newly-supported-css-pseudo-class-selectors-3h75)

This article reviews powerful modern pseudo-class selectors that you may not be familiar with yet.

![A Guide To Newly Supported CSS Pseudo-Class Selectors](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/78hnv2z9a64fbikrdjti.png)

## [The ideal line length for digital text](https://dev.to/robole/the-ideal-line-length-for-digital-text-2d5i)

Author's thoughts on what should be the ideal length of a line of text for optimal reading speed and comprehension.

![The ideal line length for digital text](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/aof6eiqe5ik481cd2mit.jpg)

## [World Wide Web](https://dev.to/thomasbnt/world-wide-web-2jbl)

A brief digression into the history of the World Wide Web in honor of its next anniversary of existence.

![World Wide Web](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/gz1a64jrkinmkhgj4e2v.jpg)


---

[![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)