MUO

Web Development

Learn about the languages that make the modern web tick.

Readers like you help support MUO. When you make a purchase using links on our site, we may earn an affiliate commission. Read More.

latest

An illustration of a person seated comfortably on a modern chair, engrossed in using their smartphone 1
How to Implement Infinite Scroll in a Web Application

Learn about the principles and practicalities of infinite scroll.

By 
Laptop display with code on the screen and a pen holder with pens on the side. 1
How to Implement Infinite Scrolling and Pagination With Next.js and TanStack Query

Use these techniques to create usable interfaces for navigating data sets.

By 
CSS code snippet showing on a computer screen. 1
CSS
Sass vs. SCSS: Choosing the Right CSS Preprocessor

The differences between these two syntaxes are subtle, so make sure you understand them before making the choice.

By 
Two people looking at a laptop screen, one pointing at it with their other hand on the keyboard. 1
How to Reuse Logic in Vue.js With Composables

Composables are a simple upgrade to mixins that you should start using with your Vue 3 apps right away.

By 
A vertical line separating two icons. On the left side is an icon representing a finger touching a screen. On the right side, an arrow icon represents a mouse pointer clicking on the screen. 1
How to Use Pointer Events in JavaScript

Why cater only to mouse input or touchscreens? Handle both types with the same amount of effort using pointer events.

By 
A laptop displaying markup in a text editor using a dark theme with bright primary colors. 1
Learn About Vue.js Watchers to Improve Your Web App Development

Use watchers to monitor changes and implement behavior more intuitively.

By 
Image of Node.js logo on a background displaying a computer screen with lines of code and a running terminal window 1
Compressing Images in Node.js With Sharp

Compressing images for your website or within your app can radically improve performance. Sharp does the heavy lifting.

By 
A simple line graph on paper, showing progress from past to future, with pens and a ruler lying on top. 1
How to Build a Simple Chart With Chart.js

Add great-looking charts and graphs to your website or app in a matter of moments.

By 
The word “API” surrounded by abstract icons 1
How to Secure GraphQL APIs: Implementing User Authentication in Express.js Using JWTs

Find out how JWTs offer a simple solution to the tricky issue of authentication.

By 
code editor opened on a laptop 1
Break Free From Vue Prop Drilling With Provide/Inject

Reduce boilerplate code and make your Vue apps more maintainable using this convenient alternative.

By 
CSS code snippet showing on a computer screen. 1
CSS
An Introduction to CSS Transitions for Beginners

Transitions are a basic form of CSS animation that you can use to create beautiful effects.

By 
Person holding css3 logo 1
How to Add Dark Themes in Vue Apps With CSS Variables

Learn about CSS variables and the LocalStorage API with this practical Vue project.

By 
A server room containing multiple servers 1
SEO
The Impact of Server-Side Rendering on SEO and Performance

Server-side rendering offers significant benefits to your web sites and applications.

By 
The Angular logo, a large white letter A on a red abstract shape looking roughly like a shield 1
How to Build Custom Directives in Angular

Angular's custom directives offer a robust mechanism for modifying the DOM and incorporating dynamic behavior into your templates.

By 
React Logo overlaying an image of someone using a laptop and a mobile phone 1
useEffect, useLayoutEffect, and useEffectEvent: A Comparison of Data Fetching Hooks in React

Explore React's data fetching hooks—useEffect, useLayoutEffect, and useEffectEvent—comparing their functionalities for efficient app development.

By 
The Nest.js logo, a red silhouette of a cat's head, superimposed on a PC motherboard 1
How to Use Nest.js Exception Filters to Handle Errors

Unhandled exceptions can cause confusion and frustration. Clean them up with exception filters.

By 
The word “API” surrounded by abstract icons 1
API
How to Test Express.js REST APIs Using Cypress

Cypress is great for front-end testing, but it can test your APIs effectively too.

By 
code editor open in dark mode 1
How to Create a Simple Contact Form Using HTML, CSS, and JavaScript

Learn to create a simple contact form for your website with easy steps, ensuring effective communication with your audience.

By 
React code in a code editor 1
How to Build and Consume Mock APIs in React Apps Using Mirage.js

Don’t have the API ready? No problem! Develop and utilize mock APIs with Mirage.js.

By 
Person writing on laptop 1
The 10 Best WordPress Development Companies

This post is sponsored by eFlair.

By 
See more articles +