DEV Community

Cover image for Top-10 Posts for FE (Week 4, Jul 2023)
fruntend
fruntend

Posted on

Top-10 Posts for FE (Week 4, Jul 2023)

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

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

How to Change a Webpage UI with a Chrome Extension

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

Enum in javascript

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

API's and Web Development: The Ying to the Yang

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

HTML Vs CSS: What Are The Major Differences?

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?

Mastering JavaScript Shorthands

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

Benchmarking String Literal vs Template Literal - using Performance.now()

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()

101 JavaScript Concepts You Need to Know

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

Understanding Shadows in Web Development

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

How to be a web accessibility practitioner in two days

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


More News on channel t.me/fruntend_newsBy me a coffee

Top comments (1)

Collapse
 
joanayebola profile image
Joan Ayebola

Thank you for featuring my article