Design & UX

Read SitePoint NFTs - or how we floated rhinos on the OpenSea and learn Web with SitePoint. Our foray into the dynamic and fast evolving world of NFTs begins with Rhinos on OpenSea.

Moving backgrounds look cool, but they're not always a good idea. Learn their pros and cons, and when might be a good time to use one.

Need to remove an image background? Learn five ways to remove backgrounds in Photoshop, depending on the kind of image you're working with.

Take your wireframes and mockups to the next level by creating interactive FIgma prototypes that are navigable and animated. Here's how!

Web design trends come and go. 2020 was no exception. Web designers will see some familiar trends replaced by safer and more dependable design choices.

Wireframes are important for ensuring good UX. Learn how to use Figma to figure out the best UX design workflow for your layout.

You submit a form—but get no feedback. Wha? Did it submit? Learn how to make sure your UI elements provide feedback to users—so that you don't lose them!

Though browsers are arguably more reliable than they've ever been, we still can't forget about cross-browser testing tools. Here are 7 top options for you.

Daniel Schwarz compares the best monospace fonts for developers that make coding a little easier on the eyes.

Michiel Mulders explains the meaning of positive reinforcement in terms of UX, and offers practical tips for improving the experience of website visitors.

Michiel Mulders discusses the importance of microcopy for enhancing UX, and offers five tips for helping users better understand your site.

Improve your user experience with machine learning. Learn five strategies where machine learning solutions can realistically solve design problems today.

Michiel introduces five best practices you can use to provide a more learnable interface to your users, from consistency to familiarity and storification.

We look at seven WordPress themes covering a wide range of niches that provide the perfect launching pad for designing your own, unique portfolio sites.

Learn why SVG is superior to pixel graphics in terms of scalability, responsiveness, interactivity, programmability, performance, and accessibility.

Kilian Valkhof introduces Polypane, a multi-function web browser built for developing websites in multiple views at once.

We dig deeper into the build versus buy dilemma of adding analytics capabilities to apps and explain why it’s better to use embedded analytics.

Flipsnack is a design/layout tool similar to InDesign and Affinity Publisher that helps you easily create professional layouts online.

A cheatsheet of the fonts and colors used by Facebook, Twitter, Instagram, Pinterest, Messenger, Snapchat, Whatsapp and YouTube, with links to official brand assets.

Daniel Schwarz suggests the best places to find free fonts in 2020, along with tips and usage advice to think about when choosing a font for the web.

Dan Schwarz looks at some of the best Figma plugins you can install to get extra functionality and improve your design workflow.

In this ultimate ADA compliance guide, we’ve laid out the things your web design agency needs to know to make accessible websites.

There's no lack of tools and services out there that you could put to use to improve your products or your business.

Daniel Schwarz offers tips on designing for screen readers, and walks through how Adobe XD CC’s design handoff and voice prototyping features help with this.

Everyone has a business card—is yours any different? Designing the ideal card for your business is a project that deserves real time and thought.

We review 15 WordPress themes that will supercharge your web design process and save you time and stress.

Image optimization affects site performance, and here we cover some standard approaches to image optimization and explore advanced image processing options.

Gal Shachar introduces Bannersnack, an online, drag-and-drop interface that lets you design banner ads quickly and efficiently, saving time and money.

Without design handoff, devs are forced to make guesses that can result in mistakes and bad UX. Daniel Schwarz looks at the best design handoff tools currently available.

Daniel Schwarz looks at the types of mind maps that are used in UX, and the mind mapping tools that are used to create them.