An Introduction to Prototyping with Figma
Design & UX
By Daniel Schwarz,
One problem with mockups is that they're often static. But they don't have to be! Learn how to create an interactive mockup when prototyping with Figma.
SitePoint Design, be inspired - Learn Web Design & Photoshop
Recent
5 Web Design Trends for 2021
Design & UX
By SitePoint Sponsors,
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.
An Introduction to Wireframing with Figma
Design & UX
By Daniel Schwarz,
Wireframes are important for ensuring good UX. Learn how to use Figma to figure out the best UX design workflow for your layout.
How to Improve User Experience with Accurate User Feedback
Design & UX
By Michiel Mulders,
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!
Learnability in Web Design: 5 Best Practices
Design & UX
By Michiel Mulders,
Michiel introduces five best practices you can use to provide a more learnable interface to your users, from consistency to familiarity and storification.
Why Developers Should Design Their Own Niche Portfolio Sites
Design & UX
By SitePoint Sponsors,
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.
What Is SVG? Your Guide to SVG Files
Design & UX
By Ivaylo Gerchev, Maria Antonietta Perna,
Learn why SVG is superior to pixel graphics in terms of scalability, responsiveness, interactivity, programmability, performance, and accessibility.
Meet Flipsnack, An Easy Design Tool for Incredible Magazines
Design & UX
By SitePoint Sponsors,
Flipsnack is a design/layout tool similar to InDesign and Affinity Publisher that helps you easily create professional layouts online.
Fonts and Colors Used by Facebook, Twitter, Instagram, Google and More
Design & UX
By Daniel Schwarz,
A cheatsheet of the fonts and colors used by Facebook, Twitter, Instagram, Pinterest, Messenger, Snapchat, Whatsapp and YouTube, with links to official brand assets.
How to Design for Screen Readers with Adobe XD CC
Design & UX
By Daniel Schwarz,
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.
Remove a Background in Photoshop Quickly & Easily
Design & UX
By Tomas Laurinavicius,
Learn how to remove a background in Photoshop. Learn how the magic wand and the background eraser tool can be used to remove different types of background.
How to Use Bannersnack to Generate Amazing Banners in Seconds
Design & UX
By Gal Shachar,
Gal Shachar introduces Bannersnack, an online, drag-and-drop interface that lets you design banner ads quickly and efficiently, saving time and money.
8 of the Best Design Handoff Tools
Design & UX
By Daniel Schwarz,
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.
7 Cross-Browser Testing Tools You Need in 2019
Design & UX
By Daniel Schwarz,
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.
15 Top Prototyping Tools Go Head-to-Head
Design & UX
By Dave Kearney, Daniel Schwarz,
Dave Kearney compares the top 15 prototyping tools disrupting the design tool market today, with video overviews of each one.
How User Research Turned a Good App into a Great One
Design & UX
By Jodie Moule,
Jodie Moule tells the story of how she came to launch her successful Cook app, and how user research was all-important in making it the best app it could be.