Range inputs have notoriously been a pain to style. Each browser renders the input differently requiring you to use vendor prefixes in order to create a cohesive look and feel. In this article, we’ll take a look at the quirkiness of the HTML range input and demonstrate how to style the input to look consistent across all major browsers. https://smashingmagazine.com/2021/12/create-custom-range-input-consistent-browsers/
A meaningful user experience is what can set your site apart from others. But what makes an experience truly meaningful? And how to achieve that? The tools, tips, and resources in this post not only help you to come up with a UX strategy that works for you and your team but also to circumvent potential UX pitfalls. https://smashingmagazine.com/2021/12/tools-tips-resources-to-build-better-user-experiences/
How to improve Core Web Vitals, a Smashing Magazine case study on how we detected and fixed the bottlenecks, and how we ended up with green scores, all the way. https://smashingmagazine.com/2021/12/core-web-vitals-case-study-smashing-magazine/
Modern HMIs are transforming the way we interact with our vehicles. A car becomes a gadget that we use in a similar way as we use our phones. Users expect a lot of HMI, they even evaluate car experience based on the experience they have with HMI. In this article, let’s look at some ways to help us satisfy users’ needs with proper design. https://smashingmagazine.com/2021/12/designing-human-machine-interfaces-future-vehicles/
In every software-as-a-service solution, user billing and payments are key aspects in the sale of services rendered. Let’s learn about Stripe and how the REST API can be programmatically used in serverless functions to manage the billing for an application. https://smashingmagazine.com/2021/12/billing-management-saas-stripe-azure-functions/
Before we can talk about how people interact, much less how to take advantage of that knowledge and design, it’s important to understand a bit about the history, the technology, and what today counts as a mobile touchscreen device at all. https://smashingmagazine.com/2021/12/touch-design-mobile-interfaces-devices/
To be able to modify headers in a testing environment is a great thing to have. It allows control over your application as one can bypass authentication, set cookies, and so on. In this article, Nafees Nehar explores some methods which allow modification of headers in an automation testing setup. https://smashingmagazine.com/2021/12/headers-https-requests-ui-automation-testing/
Everybody loves a nice freebie, right? To get you in the mood for the upcoming holidays, we collected some winter- and holiday-themed icon sets and vector elements that you can use in your projects for free. Enjoy! https://smashingmagazine.com/2021/12/free-holiday-icons-vector-elements/
There are so many websites out there that have not considered the overall usability of their visually impaired users. When it comes to designing better links and sending better emails, Slava Shestopalov has a few tips on how to improve your website’s experience while accessibility in mind. https://smashingmagazine.com/2021/12/designing-better-links-websites-emails-guideline/
