Make a Simple JavaScript Slideshow without jQuery
"I just want to make a simple JavaScript slideshow without jQuery." The slideshow --- also known as the image carousel, the slider, or the rotating banner --- is a commonly requested tutorial among...
View ArticleClik here to view.
Killer GIFs: How Can an Animated GIF Become a Weapon?
Before we tackle that question, let's jump back in time 20 years. Late on a sunny afternoon in 1997, thousands of school children simultaneously collapsed into seizures across Japan – 685 were...
View ArticleAutomated Accessibility Checking with aXe
Accessibility concerns are often ignored due to the efforts required to check them and implement solutions. Not only do developers have to get acquainted with the underlying standards but also...
View ArticleClik here to view.
6 Ways to Improve Long-Scroll Mobile Websites
In this fast-evolving digital world, a designer's aim is to help the user save their valuable time by simplifying user experiences. The more simplified your design is, the more conversions you can...
View ArticleClik here to view.
How to Boost Usability with Intelligent Color Choices
Color plays a critical role in our lives; from differentiating between objects, to understanding traffic signals, to using tools correctly. What’s even more interesting is the huge impact that color...
View ArticleClik here to view.
Should Users be Permitted to Disable JavaScript?
I last raised this question back in 2013 when Mozilla decided to remove the "disable JavaScript" setting from the options dialog in Firefox 23. The primary reasoning: Much of the modern web can break...
View ArticleClik here to view.
Bridging the Gap Between UX and Copywriting
Punctuation? Grammar? UX design? What? Yes, you heard me! Punctuation and grammar are vital for an optimal reading experience, and in turn, an optimal user experience. A simple comma can be the...
View ArticleClik here to view.
Introducing Microsoft’s Fluent Design System
We've seen leading companies implementing either their own design languages, or existing ones such as Google's Material Design. Think of a design language as a well-documented guideline for creating...
View Article8 Tips for Improving Bootstrap Accessibility
A few years ago, I wrote about my experiences on developing a Bootstrap version 3 project to be fully accessible for people with disabilities. This focussed mostly on how accessible it is in terms of...
View ArticleADA Compliance Is Mandatory for Digital Agencies. Here’s How It’s Done
This article was created in partnership with Inbound Junction. Thank you for supporting the partners who make SitePoint possible. Based on web accessibility data, the ADA compliance-related lawsuits...
View ArticleClik here to view.
Learnability in Web Design: 5 Best Practices
Have you ever considered improving the learnability of your product or website? Perhaps it’s your first time reading about the concept of learnability. It’s not an easy task to build a learnable...
View ArticleClik here to view.
5 Ways to Improve User Experience with Machine Learning
Hollywood filmmakers love to present artificial intelligence as an intelligent agent who’s more capable than humans. Luckily, we haven’t reached this state — yet. We still need engineers to develop...
View ArticleClik here to view.
5 Tips for Writing Better Microcopy
When you see an application for the first time, the microcopy can give away many clues about the app’s purpose, how the app can help us, and how we can interact with the app. Still, many organizations...
View ArticleClik here to view.
A Guide to Positive Reinforcement in UX Design
We love to point out others’ mistakes. However, what about providing positive feedback when a user completes a critical action? Often, applications lack positive feedback mechanisms that contribute to...
View ArticleHow to Improve User Experience with Accurate User Feedback
For every action on the Web, there should be a reaction. Feedback might tell a user if the action was successful or not, but ideally it will tell them more, such as what to do next or why an action is...
View Article