• Master TypeScript In 50 Short Lessons

    Every other day, one of your team members makes a case for switching from “chaotic” JavaScript to “sane” TypeScript. Maybe you rely on not-very-well-understood JavaScript libraries, or you have a large number of contributors, or the code base is difficult to maintain. The reasons are always similar, but so is the hesitance from the team. […]

    READ MORE
  • How To Manage File Uploads In React With Google Storage And GraphQL

    By leveraging React-Apollo, this article focuses on how a file upload functionality can be added to a new or existing front-end application being powered by a GraphQL API. To achieve this, we would build this demo application which allows users to upload a profile image when creating an account alongside their preferred username. While we […]

    READ MORE
  • Using WebXR With Babylon.js

    Immersive experiences, especially those governed by mixed reality (XR), which encompasses both augmented and virtual reality, are quickly gaining new attention among developers and architects interested in reaching users and customers in novel ways. For many years, the lack of adoption of mixed reality experiences came down to hardware — too expensive and unwieldy — […]

    READ MORE
  • React Form Validation With Formik And Yup

    As developers, it is our job to ensure that when users interact with the forms we set up, the data they send across is in the form we expect. In this article, we will learn how to handle form validation and track the state of forms without the aid of a form library. Next, we […]

    READ MORE
  • Design Shopping: Get A Faster Client Buy-In Through A Guided Design Showcase

    Regardless of where you live, getting your driver’s license renewed or the address updated on your personal ID card may often be a painful chore. It’s such a frustrating experience that Disney’s Zootopia movie (IMDb) thought it best to represent DMV employees as sloths. Despite popular opinion, however, the California DMV (California Department of Motor […]

    READ MORE
  • How To Use Face Motion To Interact With Typography

    Web designers are always looking for new ways to improve the presentation of a page’s content. Sometimes, this can lead to ingenious solutions or to interact with technologies that are often kept away from the design field. In this article we will bring typography in contact with Artificial Intelligence, using machine learning to detect such […]

    READ MORE
  • Useful Tools In Vue.js Web Development

    When working on a new project, there are certain features that are necessary depending on how the application is supposed to be used. For example, if you’ll be storing user-specific data, you’ll need to handle authentications, this will require the setting up of a form that needs to be validated. Things such as authentication and […]

    READ MORE
  • Smashing Podcast Episode 26 With Natalia Tepluhina: What’s New In Vue 3.0?

    In this podcast episode, we’re talking all about VueJS. What’s new in the 3.0 release, and how hard will it be to migrate? Drew McLellan talks to core team member Natalia Tepluhina to find out. Show Notes VueJS The Vue 3 Migration Guide Natalia on Twitter Natalia’s personal webste Weekly Update Different Ways To Design […]

    READ MORE
  • Do Website Policy Disclosure Pages Always Have To Be So Ugly?

    It’s not like consumers aren’t interested in the information provided on terms of use or privacy policy pages. But these pages… Talk about a painful design. As a web designer, you know that data privacy and security concerns affect how visitors interact with the websites you build. That’s why you build trustmarks into your websites […]

    READ MORE
  • Developing For The Semantic Web

    In July the Wikimedia Foundation announced Abstract Wikipedia, an attempt to markup knowledge that is language-independent. In many respects, this is the culmination of decades of buildup, during which the dream of a Semantic Web has never quite taken off, but never quite disappeared either. As a matter of fact the Semantic Web is growing, […]

    READ MORE
  • Different Ways To Design Digital Product Pages

    I think it’s fair to say that when designing mobile product pages for physical products, you’ll use a similar layout and include the same details, regardless of the website. For instance, this is what product pages for Peloton bikes, Macy’s clothing and Truth Bars look like: There are slight differences in how the information is […]

    READ MORE
  • Unit Testing In React Native Applications

    React Native is one of the most widely used frameworks for building mobile applications. This tutorial is targeted at developers who want to get started testing React Native applications that they build. We’ll make use of the Jest testing framework and Enzyme. In this article, we’ll learn the core principles of testing, explore various libraries […]

    READ MORE
  • Squirrels, Ghosts, And Moonlight: Tales From October (2020 Wallpapers Edition)

    From curious squirrels embracing the autumn season and cats finding a new favorite spot in a Halloween pumpkin to ancient traditions and the history of art — inspiration lies everywhere, as our new collection of wallpapers shows. For this October edition, artists and designers from across the globe once again challenged their creative skills and […]

    READ MORE
  • 5 Ways Google Analytics Helps Web Developers In UI/UX Design

    Google Analytics is one of the most popular marketing analytics platforms out there — and not just because its standard version is free. More than a million organizations worldwide use this platform to gain better insights on user behavior on their websites. However, for most web developers, their involvement with Google Analytics ends with just […]

    READ MORE
  • Understanding TypeScript Generics

    In this article, we’ll be learning the concept of Generics in TypeScript and examining how Generics can be used to write modular, decoupled, and reusable code. Along the way, we’ll briefly discuss how they fit into better testing patterns, approaches to error handling, and domain/data-access separation. A Real-World Example I want to enter into the […]

    READ MORE
  • Smashing Podcast Episode 25 With Anthony Campolo: What Is RedwoodJS?

    We’re talking about RedwoodJS. What exactly does it mean to be a full-stack Jamstack framework? I spoke to community champion Anthony Campolo to find out. Show Notes RedwoodJS Anthony on Twitter Anthony’s article series A First Look at RedwoodJS Weekly Update “An Introduction To Running Lighthouse Programmatically”written by Katy Bowman “Animating React Components With GreenSock”written […]

    READ MORE
  • A CSS Grid Framework For Shopify Collection Pages

    CSS Grid has become an increasingly popular technique for applying a layout to pages amongst other CSS frameworks. Developers can take advantage of this system to reduce complexity and define clear style rules. As explained in my Shopify blog post on getting started with a CSS grid layout, a CSS Grid framework can be easily […]

    READ MORE
  • Simplify Your Stack With A Custom-Made Static Site Generator

    With the advent of the Jamstack movement, statically-served sites have become all the rage again. Most developers serving static HTML aren’t authoring native HTML. To have a solid developer experience, we often turn to tools called Static Site Generators (SSG). These tools come with many features that make authoring large-scale static sites pleasant. Whether they […]

    READ MORE
  • Unexpected Learnings From Coding Artwork Every Day For Five Years

    For more than five years I have been creating one digital artwork a day, using code to generate patterns, shapes, and animations. My daily art project has helped me to explore my artistic style and learn the practice of coding in a playful way. When I started the project it was a challenge to come […]

    READ MORE
  • Intuitive Design? No Such Thing!

    Let’s start off by taking a quick glance at the definition of the word “intuitive” presented on Dictionary.com: “Using or based on what one feels to be true even without conscious reasoning: instinctive.” At the same time, Cambridge provides us with this definition: “Based on feelings rather than facts or proof:an intuitive approach/judgment.Most people have […]

    READ MORE