Top-10 Posts for FE (Week 3, Jun 2023)
Tags: javascript, webdev, css, html
Published: 2023-06-19 09:29:47

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.

## [Tips on Creating a Responsive Design](https://dev.to/estheridabor/tips-on-creating-a-responsive-design-13e1)

This article provides tips and tricks for creating responsive web designs using CSS, including setting widths in percentages, avoiding fixed heights, using the auto-fit property for grid layouts, utilizing flex-wrap for flex layouts, and making typography responsive with the clamp method.

![Tips on Creating a Responsive Design](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/a9gzrq47zpilvctjhcak.png)

## [HTML Text Formatting](https://dev.to/makwritinghouse/html-text-formatting-4236)

This comprehensive guide explains the usage of HTML text formatting tags such as bold, italic, underline, and strikethrough, highlighting their semantic significance and providing tips for effective utilization to enhance the visual appeal and structure of web content.

![HTML Text Formatting](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/f43804ut5wql39p710zq.png)

## [Different approaches to testing your own packages locally: Relative Deps](https://dev.to/one-beyond/different-approaches-to-testing-your-own-packages-locally-relative-deps-2c17)

This article introduces relative-deps, a tool that enables local testing of packages without the need for publishing to production, simplifying the development and testing process while ensuring the stability of projects.

![Different approaches to testing your own packages locally: Relative Deps](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/jijsjcwopah39i745pae.png)

## [It's time to replace your axios](https://dev.to/coderhu/its-time-to-replace-your-axios-143p)

The article compares Axios to Alova, highlighting Alova's modern and innovative features such as deep integration with UI frameworks, performance optimization, lightweight size, and intuitive response data types.

![It's time to replace your axios](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/g8vb7qs75nqi83zt6kek.png)

## [How To Secure Your JavaScript Applications](https://dev.to/devland/how-to-secure-your-javascript-applications-1pfg)

The article provides insights and actionable steps to enhance the security of web applications by focusing on code quality, vulnerability protection, validation, logging, monitoring, and code optimization.

![How To Secure Your JavaScript Applications](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/36etb1t7i6qqg8aju7rg.jpg)

## [Simplify your lists using CSS Counters](https://dev.to/supminn/simplify-your-lists-using-css-counters-9m8)

This article introduces the use of CSS counters as an alternative method for creating numbered lists and other interactive elements in HTML, providing step-by-step instructions and examples.

![Simplify your lists using CSS Counters](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/17um1qpqe8q5lzdh7mjh.png)

## [10 Best Ways To Use ChatGPT](https://dev.to/durgesh4993/10-best-ways-to-use-chatgpt-with-examples-1e42)

This article explores various ways to use ChatGPT for learning purposes while highlighting the importance of being cautious due to the AI's limitations in factual accuracy, citations, and mathematical precision.

![10 Best Ways To Use ChatGPT](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/poep1zm3cwpt3updq8ie.jpg)

## [A Guide to Coding Standards to Improve Code Quality](https://dev.to/documatic/a-guide-to-coding-standards-to-improve-code-quality-68n)

This article provides guidelines for implementing coding standards to enhance code quality, readability, and maintainability, emphasizing the importance of following these standards in both individual and team development scenarios.

![A Guide to Coding Standards to Improve Code Quality](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/dpj0lnw1g9t2n7jedzxn.png)

## [JavaScript localStorage: The complete guide](https://dev.to/alakkadshaw/javascript-localstorage-the-complete-guide-5a9a)

The article provides an overview of JavaScript's localStorage and its usage within the Web Storage API, explaining its methods for storing, retrieving, and manipulating data, as well as discussing its differences from sessionStorage and its limitations.

![JavaScript localStorage: The complete guide](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/pk4mah0sohtpo8dz7i85.png)

## [Dynamic font-size using only CSS3](https://dev.to/bogdanfromkyiv/dynamic-font-size-using-only-css3-31kj)

The article introduces dynamic font-size using CSS3's `clamp()` and `calc()` functions, allowing text sizes to scale proportionally based on the user's viewport width, with examples and a recommendation for further reading.

![Dynamic font-size using only CSS3](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/l74sxwfy6md3z8p1m0q3.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)