• A Splash Of Color For Misty Days (November 2021 Desktop Wallpapers Edition)

    A bit of colorful inspiration is always a good thing, don’t you think so? Especially in November, when the days tend to be rather gray in many parts of the world. To bring a splash of color and some good vibes to your desktops and home screens, artists and designers from across the globe once […]

    READ MORE
  • 50 Resources And Tools To Turbocharge Your Copywriting Skills

    I believe that copywriting is the most valuable skill you’ll ever learn. Great copy engages your readers, builds connections, turns readers into consumers and consumers into brand evangelists. Of course, this all means a fatter bottom line, which makes you the most popular person in the room! If you’re ready to acquire near-mystical powers of […]

    READ MORE
  • How To Build An Amazon Product Scraper With Node.js

    Have you ever been in a position where you need to intimately know the market for a particular product? Maybe you’re launching some software and need to know how to price it. Or perhaps you already have your own product on the market and want to see which features to add for a competitive advantage. […]

    READ MORE
  • Eye-Tracking In Mobile UX Research

    The eye-tracking methodology can be extremely valuable for usability tests since it records the journey without interfering with the users’ natural behavior. Imagine, for example, that you test a prototype but discover that users are not interacting with the interface how they are supposed to. You most likely think that the buttons might be too […]

    READ MORE
  • Optimizing Next.js Applications With Nx

    In this article, we will go through how to optimize and build a high-performance Next.js application using Nx and its rich features. We will go through how to set up an Nx server, how to add a plugin to an existing server, and the concept of a monorepo with a practical visualization. If you’re a […]

    READ MORE
  • A Deep Dive Into object-fit And background-size In CSS

    We’re not always able to load different-sized images for an HTML element. If we use a width and height that isn’t proportional to the image’s aspect ratio, the image might either be compressed or stretched. That isn’t good, and it can be solved either with object-fit for an img element or by using background-size. First, […]

    READ MORE
  • An Introduction To Quasar Framework: Building Cross-Platform Applications

    In this article, I will explain how to use Quasar Framework and its state-of-the-art UI (which follows Material guidelines) to build a notes app. The app will get its data from and store its data to Firebase. This tutorial is meant for anyone interested in building cross-platform applications that work well across all devices simultaneously. […]

    READ MORE
  • How To Build A Real-Time Multi-User Game From Scratch

    As the pandemic lingered, the suddenly-remote team I work with became increasingly foosball-deprived. I thought about how to play foosball in a remote setting, but it was clear that simply reconstructing the rules of foosball on a screen would not be a lot of fun. What _is_ fun is to kick a ball using toy […]

    READ MORE
  • Respecting Users’ Motion Preferences

    When working with motion on the web, it’s important to consider that not everyone experiences it in the same way. What might feel smooth and slick to some might be annoying or distracting to others — or worse, induce feelings of sickness, or even cause seizures. Websites with a lot of motion might also have […]

    READ MORE
  • Building The SSG I’ve Always Wanted: An 11ty, Vite And JAM Sandwich

    I don’t know about you, but I’ve been overwhelmed by all the web development tools we have these days. Whether you like Markdown, plain HTML, React, Vue, Svelte, Pug templates, Handlebars, Vibranium — you can probably mix it up with some CMS data and get a nice static site cocktail. I’m not going to tell […]

    READ MORE
  • Building An API With Gatsby Functions

    You’ve probably heard about Serverless Functions, but if you haven’t, Serverless Functions provide functionality typically associated with server-side technologies that can be implemented alongside front-end code without getting caught up in server-side infrastructures. With server-side and client-side code coexisting in the same code base, front-end developers like myself can extend the reach of what’s possible […]

    READ MORE
  • Smashing Podcast Episode 42 With Jeff Smith: What Is DevOps?

    In this episode, we’re talking about DevOps. What is it, and is it a string to add to your web development bow? Drew McLellan talks to expert Jeff Smith to find out. Show Notes Jeff on Twitter Jeff’s book Operations Anti-Patterns, DevOps Solutions Attainable DevOps Weekly Update Bridging The Gap Between Designers And Developers written […]

    READ MORE
  • Solving CLS Issues In A Next.js-Powered E-Commerce Website (Case Study)

    Fairprice is one of the largest online grocery stores in Singapore. We are continuously looking out for areas of opportunities to improve the user’s online shopping experience. Performance is one of the core aspects to ensure our users are having a delightful user experience irrespective of their devices or network connection. There are many key […]

    READ MORE
  • Tips And Tricks For Evaluating UX/UI Designers

    When a company’s digital representation lacks a dedicated UX/UI design team, it can be hard to produce something that stands out from the crowd. The best designers and agencies have a touch of magic about them, transforming your company’s goals, customers’ demands, user specifications, and design instruments into a beneficial experience for both users and […]

    READ MORE
  • Smart CSS Solutions For Common UI Challenges

    It’s incredible to see what we can do with CSS today, especially if you still remember how difficult it once was to figure out stacking contexts or why margins collapsed and why top: float didn’t work. In this post, we’ll look at just that: exciting and fun things we can do with CSS, exploring common […]

    READ MORE
  • Upcoming Live Workshops On Front-End & UX (Oct 2021–Jan 2022)

    There are fantastic video courses out there, yet online workshops are just different. You can always ask a question live, you can share your screen and get immediate feedback, and you can work on group exercises with people around the world. In fact, that’s why we’ve fallen in love with online workshops — and have […]

    READ MORE
  • Useful React APIs For Building Flexible Components With TypeScript

    Have you ever used React.createElement directly? What about React.cloneElement? React is more than just transforming your JSX into HTML. Much more, and to help you level up your knowledge of lesser-known (but very useful) APIs the React library ships with. We’re going to go over a few of them and some of their use cases […]

    READ MORE
  • Bridging The Gap Between Designers And Developers

    In the past couple of years, it’s no secret that our design tools have exponentially evolved. With many having great component management and prototyping, you may be wondering what big leap could possibly be next? Let’s look at a typical dilemma: Let’s say that you’re a designer for the design systems team where you are […]

    READ MORE
  • The Autofill Dark Pattern

    A newspaper sign-up form had fields for name, email, and password. So, I started typing on the name field, and the autofill suggested my profile. But there was something funky. The autocomplete suggestion included my mailing address. Needless to say, it was puzzling: the address was not a field in the form. Why was it […]

    READ MORE
  • Composable CSS Animation In Vue With AnimXYZ

    In this article, you will learn how to use the AnimXYZ toolkit to create unique, interactive, and visually engaging animations in Vue.js and plain HTML. By the end of this article, you will have learned how adding a few CSS classes to elements in Vue.js components can give you a lot of control over how […]

    READ MORE