• New Year, Fresh Desktop (January 2022 Wallpapers Edition)

    Let’s welcome 2022 with some new wallpapers! After all, the new year is the perfect occasion to tidy up your desktops and home screens and start on a fresh, clean slate — no clutter, just the things you really need and space for what’s about to come. And some inspiration, of course. As every month […]

    READ MORE
  • How To Price Projects And Manage Scope Screep

    I am sure you have read unrealistic articles that suggest there is some scientific approach to pricing that will magically allow you to create an accurate quote. You may also have been led to believe that scope creep should be avoided at all costs, but in the real world, it will always happen. It is […]

    READ MORE
  • Building Gatsby Themes For WordPress-Powered Websites

    Gatsby is an open-source framework built on top of React. With Gatsby, you can pull data from (almost) anywhere and use it to generate static or dynamic websites. The data can be pulled from a CMS, which definitely brings WordPress to the table. You get the advantages of a static website (speed, security, static hosting) […]

    READ MORE
  • Creating A Custom Range Input That Looks Consistent Across All Browsers

    As one of the maintainers of a UI component library, I’ve implemented and styled myriads of input elements. One day I was assigned the task of adding a range input to the library and, I figured it would be a similar process to the other inputs I had implemented in the past. That assumption was […]

    READ MORE
  • Useful UX Guidelines, Tools And Resources

    What does it take to create meaningful user experiences? While there’s no one secret recipe for success, there are some fundamentals that you can consider to master the challenge. In this post, we compiled useful tools, tips, and resources that are bound to help you build better user experiences. You’ll find psychology heuristics just like […]

    READ MORE
  • Improving Core Web Vitals, A Smashing Magazine Case Study

    “Why are my Core Web Vitals failing?” Many developers have been asking themselves that question lately. Sometimes it’s easy enough to find the answer to that question and the site just needs to invest in performance. Sometimes though, it’s a little trickier and, despite thinking your site was great on the performance for some reason […]

    READ MORE
  • Designing Human-Machine Interfaces For Vehicles Of The Future

    A human-machine interface (HMI) is an interface that allows us to interact with a digital system. No matter what HMI we design, we need to allow users to take advantage of all that a system has to offer. For almost two decades, the personal computer was the first thing that came to mind when we […]

    READ MORE
  • Billing Management For Your Next SaaS Idea Using Stripe And Azure Functions

    To follow the steps in this tutorial, you should have the following: a Stripe account (you can create one for free and use the test mode to avoid incurring any charges while following the steps in this article); a basic understanding of JavaScript and React; an Auth0 account (you can sign up for a free […]

    READ MORE
  • Touch Design For Mobile Interfaces: Defining Mobile Devices (Excerpt)

    The personal computer (PC) is still assumed to only be used at a desk-like workstation, in discrete sessions of work with the user focused entirely on the computer. Mobile devices have always been different from “computers” in that they are always on (there’s no need to turn them on to start or end work), always […]

    READ MORE
  • Modifying Headers In HTTP(s) Requests In UI Automation Testing

    There are various methods to modify headers. You can modify headers by using browser extensions or proxy apps (such as Charles and Proxyman) that intercept the request and let you modify the response by including the headers. But first, let’s start at the beginning. What Are HTTP(s) Headers? HTTP(s) Headers are key-value pairs that can […]

    READ MORE
  • Free Christmas Icon Sets And Vector Elements

    With the holidays just around the corner, what better way to celebrate than with some free goodies? We sifted through the web (and our archives) to find winter- and Christmas-themed icon sets and vector elements that’ll give your creative projects some holiday flair. And, psst, they are perfect if you’re in need for some last-minute […]

    READ MORE
  • Designing Better Links For Websites And Emails: A Guideline

    Why are “click here” and “by this link” poor choices? And is it acceptable to use “read more”? All these phrases have become so common that many people don’t see any problems with them. How many times have you encountered or composed the following on websites, in emails, or intranets? Fill in this form by […]

    READ MORE
  • Advent Calendars For Web Designers And Developers (December 2021 Edition)

    Once again, the web community has been busy with creating some fantastic advent calendars this year. As you’ll see, each and every one of these calendars are sure to cater for a daily dose of web design and development goodness with stellar articles, inspiring experiments, and even puzzles to solve. It doesn’t really matter if […]

    READ MORE
  • How To Protect Your API Key In Production With Next.js API Route

    Front-end developers have to interact with private or public APIs whose method of authorization requires a secret key/API key that enables developers to use these APIs. The key(s) are important, hence the need to store/protect the key(s) arises. Creating an environment variable that stores the key is the “go-to” solution that most developers tend to […]

    READ MORE