Building accessible web applications begin by us writing semantic HTML in our templates. So if an interaction is used as a button, then we should use the “<button>” HTML element. For cases where we need to give custom styles and elements, like web components, a more accurate description, we should […]
Web Application
26 posts
E2E tests are hard because they test everything. In a web application, they touch your UI, APIs, and databases. When there are so many touchpoints, something will go wrong. And let’s be clear, you want that. However, the hard part is figuring out how to structure your end-to-end tests to […]
Cypress is an end-to-end testing framework for web applications. It is used to validate that your web applications UI and backend systems are all working as intended. End-to-end testing is crucial when you need to confirm major functionality in your web app still works after every new code commit. Cypress […]
When building a UI Library, it is very important that we are cognizant about the additional complexity we are adding to an existing web project that consumes our package. Our library can add considerable size, in terms of assets and unnecessary JavaScript code. Additional dependencies, like external third party libraries, […]
Happy Monday, everyone. I hope you all are staying safe and healthy in these uncertain times. Please follow your health experts’ and departments’ competent advice and guidelines to avoid contracting COVID-19. Let’s get on with our article. As a software architect, it is essential to know where to invest in […]
I am working on a UI Library project. Here is my set of Git Hooks that I have added to my project. These automated scripts run on the user’s local development environment prior to getting pushed up to the remote Git repository. The scripts run quickly and help validate that […]
Happy Friday, everyone. Today I am going to talk about visual testing. I am working on a UI library that requires strict quality checks. That means that any updates to the styles and components code should be isolated and not break any other UI. That means no visual regressions to […]
I love overlays in a web application. That’s because most of the applications that I develop in the financial industry have so much data present on the screen. Some designers try to incorporate meaningful white space into the screens. However, inexperienced product managers want so much data on each page […]
A modal dialog, with a twist A product team once came to me requesting something that, on the surface, sounded quite simple. They wanted me to create a type of overlay that behaved similar to a modal dialog but with a twist. The modal dialog would need to allow the […]