Top-10 Posts for FE (Week 4, Jul 2023)
Tags: javascript, webdev, css, html
Published: 2023-07-31 09:28:22

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.

## [Fluid vs. responsive typography with CSS clamp](https://dev.to/logrocket/fluid-vs-responsive-typography-with-css-clamp-4j13)

The article explores the concept of fluid typography, using modern CSS techniques like the `clamp` function to create responsive and adaptable font sizes that adjust to different screen sizes while considering accessibility and container queries.

![Fluid vs. responsive typography with CSS clamp](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/zsqqpr6dqf9c4648tl44.png)

## [How to Change a Webpage UI with a Chrome Extension](https://dev.to/opensauced/how-to-change-a-webpage-ui-with-a-chrome-extension-jn8)

The article explains how to create a Chrome extension using content scripts to modify and enhance the user interface of web pages, demonstrated through the example of the OpenSauced.ai chrome extension that adds helpful elements and features to GitHub to improve productivity for open-source maintainers and contributors.

![How to Change a Webpage UI with a Chrome Extension](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ldreu84qjxpf6qlvt3xx.png)

## [Enum in javascript](https://dev.to/lakshmananarumugam/enum-in-javascript-4980)

The article explains how to create "enum-like" structures in JavaScript and highlights the advantages of using TypeScript enums for type safety, readability, and better tooling support.

![Enum in javascript](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/5e43mrw2z93o2mr56qzu.png)

## [API's and Web Development: The Ying to the Yang](https://dev.to/scofieldidehen/apis-and-web-development-the-ying-to-the-yang-d4n)

The article provides a comprehensive introduction to web APIs, explaining what APIs are, how they work, and their importance, with a focus on web development and the usage of JavaScript browser APIs.

![API's and Web Development: The Ying to the Yang](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/f11nld87lmo79eavcpa1.png)

## [HTML Vs CSS: What Are The Major Differences?](https://dev.to/max88git/html-vs-css-what-are-the-major-differences-3jl6)

The article is about the fundamental technologies of web development, HTML and CSS, their roles, functionalities, and how they work together to create visually appealing and functioning websites.

![HTML Vs CSS: What Are The Major Differences?](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/uvk3eag3az775t39rz86.png)

## [Mastering JavaScript Shorthands](https://dev.to/leandro_nnz/mastering-javascript-shorthands-33mg)

The article is about JavaScript shorthands, which are concise techniques that can make code more elegant and efficient, and it provides examples of various shorthands and how to use them in different scenarios.

![Mastering JavaScript Shorthands](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/9qnhzfxqb5et2huip0vz.png)

## [Benchmarking String Literal vs Template Literal - using Performance.now()](https://dev.to/maafaishal/benchmarking-string-literal-vs-template-literal-using-performancenow-49gh)

The article compares String Literal and Template Literal in JavaScript, providing performance test results for different scenarios and explaining when each is more suitable for use in coding projects.

![Benchmarking String Literal "" vs Template Literal `` - using Performance.now()](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/1ltjki0il7dr53qayj4o.png)

## [101 JavaScript Concepts You Need to Know](https://dev.to/in/101-javascript-concepts-you-need-to-know-59h8)

The article covers over 100 crucial concepts in JavaScript, including variables, functions, prototypes, modules, async programming, and web APIs, providing a comprehensive guide for developers.

![101 JavaScript Concepts You Need to Know](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/dm6655nm52p3asjamnx9.jpg)

## [Understanding Shadows in Web Development](https://dev.to/joanayebola/understanding-shadows-in-web-development-3f4j)

This article is a beginner-friendly guide to understanding shadows in web development, exploring their types, properties, and how to implement them effectively to enhance the visual appeal and user experience of a website.

![Understanding Shadows in Web Development](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/cxw156jizuqk9pf9rtlr.png)

## [How to be a web accessibility practitioner in two days](https://dev.to/mihomihouk/how-to-be-a-web-accessibility-practitioner-in-two-days-478k)

This article is about the author's journey of learning and implementing web accessibility within a short period of two days, sharing insights, tools, and examples to improve the accessibility of web projects.

![How to be a web accessibility practitioner in two days](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/1ov57etomex2ji4i6z1k.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)