How to Edit Source Files Directly in Chrome — SitePoint – Website Design Article

This popular article was updated in 2020. A web developer’s typical day involves creating HTML web pages with associated CSS and JavaScript in their favorite editor. The workflow: Open the locally hosted page in a browser. Swear. Open DevTools to investigate the layout and functionality problems. Tweak the HTML elements, CSS properties, and JavaScript code to fix the issues. Copy those changes back into the editor and return to step #1. While tools such as live reloading have made this…

Read More

How to Quickly and Easily Remove a Background in Photoshop — SitePoint – Website Design Article

This article on how to remove a background in Photoshop remains one of our most popular posts and was updated in 2019 for Adobe Photoshop 2020. Photoshop offers many different techniques for removing a background from an image. For simple backgrounds, using the standard magic wand tool to select and delete the background may well be more than adequate. For more complicated backgrounds, you might use the Background Eraser tool. The Background Eraser tool samples the color at the center…

Read More

Understanding and Using rem Units in CSS — SitePoint – Website Design Article

CSS units have been the subject of several articles here on SitePoint (such as A Look at Length Units in CSS, The New CSS3 Relative Font Sizing Units, and The Power of em Units in CSS). In this article, we increase the count by having an in-depth look at rem units, which have excellent browser support and a polyfill if you need support for old IE. This article was updated in December, 2019 to reflect the current state of rem…

Read More

Delay, Sleep, Pause, & Wait in JavaScript — SitePoint – Website Design Article

Many programming languages have a sleep function that will delay a program’s execution for a given number of seconds. This functionality is absent from JavaScript, however, owing to its asynchronous nature. In this article, we’ll look briefly at why this might be, then how we can implement a sleep function ourselves. We’ve rewritten this popular guide from scratch to provide the best and most up-to-date advice. This article was updated in November 2019. Understanding JavaScript’s Execution Model Before we get…

Read More

18+ JavaScript Libraries for Creating Beautiful Charts – Website Design Article

It’s practically impossible to imagine any dashboard without graphs and charts. They present complex statistics quickly and effectively. Additionally, a good graph also enhances the overall design of your website. In this article, I’ll show you some of the best JavaScript libraries for graphs and charts. These libraries will help you create beautiful and customizable charts for your future projects. While most of the libraries are free and open source, some of them provide a paid version with additional features.…

Read More