Web Development

Learn how to make a quiz in JavaScript with our easy-to-follow code tutorial. Perfect template for engaging your audience with interactive content. Continue reading How to Make a Simple JavaScript Quiz on SitePoint.

There is an amazing community effort happening in search of a new logo for CSS. I was a bit skeptical at first, as I never really considered CSS a “brand.” Why does it need a logo? For starters, the current logo seems… a bit dated. Displayed quite prominently is the number 3. As in CSS version

In a fast-paced industry like tech, it can be hard to deal with the fear of missing out on important news. But, as many of us know, there’s an absolutely huge amount of information coming in daily, and finding the right time and balance to keep up can be difficult, if not stressful. A classic

Discover the best React UI component libraries for your web projects. Learn about MUI, Ant Design, and more. Save time and enhance your React apps. Continue reading Best React UI Component Libraries on SitePoint.

Learn how to install, set up, manage, and use a full Linux environment on Windows 10 & 11 PCs with Windows Subsystem for Linux 2 (WSL2). Complete WSL2 Tutorial. Continue reading Windows Subsystem for Linux 2 (WSL2): The Complete Tutorial for Windows 10 & 11 on SitePoint.

Accessibility is key in modern web design. A site that doesn’t consider how its user experience may differ for various audiences — especially those with disabilities — will fail to engage and serve everyone equally. One of the best ways to prevent this is to approach your site from a bottom-up perspective. Understanding Bottom-Up Design

Kate Kaplan hits on something over at Nielsen Norman Group’s blog that’s been bugging me: The challenge with this icon is sparkle ambiguity: Participants in our recent research study generally agreed that it represented something a little special. But, what was that something? And why was it special? That was less obvious. We encountered widely and wildly

Not long ago, if we wanted a tooltip or popover positioned on top of another element, we would have to set our tooltip’s position to something other than static and use its inset/transform properties to place it exactly where we want. This works, but the element’s position is susceptible to user scrolls, zooming, or animations

Oklab is a new perceptual color space supported in all major browsers created by the Swedish engineer Björn Ottosson. In this interview, Philip Jägenstedt explores how and why Björn created Oklab and how it spread across the ecosystem. Note: The original interview was conducted in Swedish and is available to watch. About Björn Philip Jägenstedt:

An approach for creating masonry layouts in vanilla CSS is one of those “holy grail” aspirations. I actually tend to plop masonry and the classic “Holy Grail” layout in the same general era of web design. They’re different types of layouts, of course, but the Holy Grail was a done deal when we got CSS