Search
Prototyping in the Browser
5.7.2018
Prototyping animations and interactions is vital for a number of reasons: they can make your interface feel deceptively fast, they can help focus the user on a specific task, and they can provide a better sense of the current state of your application. Is data being loaded? Is something...
Your Brain on Front-End Development
13.6.2018
Part of the job of being a front-end developer is applying different techniques and technologies to pull of the desired UI and UX. Perhaps you work with a design team and implement their designs. I know when I look at a design (heck, even if I know I'm not going to be building it), my front-end...
Writing Snapshot Tests For React Components With Jest
8.6.2018
In this tutorial, we will be looking at what snapshot tests are and how we can use snapshot testing to ensure our User Interface does not change without the team knowing about it.
To get sta
3 Useful TypeScript Tips for Angular
4.6.2018
These are the 3 tips I found pretty handy while working with Typescript:
Eliminating the need to import interfaces
Making all interface properties optional
Stop throw
Solved With CSS! Dropdown Menus
1.5.2018
A common UI pattern that we see on the web are dropdown menus. They’re used to display related information in pieces, without overwhelming the user with buttons, text, and options. Somewhere that we see these a lot is inside of headers or navigation areas on websites.
Let’s see if we can make...
Building a Mini Invoicing Application with Vue and NodeJS - JWT Authentication and Sending Invoices
30.4.2018
In the previous parts of the series, we looked at how to create the User Interface of our Invoicing Application that allowed users to create and view existing invoices. In this final part of the se
Finger-friendly numerical inputs with `inputmode`
30.4.2018
Forms are often a nightmare on mobile. We can make the process as pain-free as possible by reacting to context. Input fields that expect numerical values should have a numerical UI. Bringing up a number keyboard on small screens is easy on most platforms — just use a <input...
Understanding React `setState`
25.4.2018
React components can, and often do, have state. State can be anything, but think of things like whether a user is logged in or not and displaying the correct username based on which account is active. Or an array of blog posts. Or if a modal is open or not and which tab within it is active.
React...
Building a Mini Invoicing App with Vue and NodeJS : User Interface
13.4.2018
In the first