Categories
Opinions

Accessibility and test hooks for HTM L Table

Well usually you would use role attributes or aria-label or aria-labelled-by to add the accessibility heuristics. But in the case of table, you don’t need to add any thing extra to make the HTML Table accessible. Just using correct element syntax is enough. What it has to do with testing, well those can easily by […]

Categories
Angular Nx Tutorials

Getting Started with Angular and Nx

This is a series of post which will cover array of topics. The application in question needs a component library (Angular Components aka Angular Material). A CSS Utility Library to take care of adding styles (Tailwind). A way to develop, document and test components (Storybook). Last but not least, move the load off to the […]

Categories
HTML Tutorials

Native Modals using HTML Dialog Element

Native Modals is all discussed next. I will go through the existing solutions and recreate a minimal modal with HTML dialog element. For the sake of brevity, lets keep the styling and interactions for next article. Dialog, popup, modal, alerts or popover you name it. All there job is to take user attention for what […]

Categories
Tutorials

Add Autosum Functionality to your HTML Tables

Autosum a term I might have borrowed from Microsoft Excel. As part of my job involves using Excel as a data analysis tool, hence I wanted to take autosum concept and utilize it in HTML tables using JavaScript. Although. Autosum in Excel works differently than in this tutorial. Excel is much more advance which decides […]

Categories
Opinions

Things I Love About CSS Frameworks

CSS Frameworks do comes with an option of customization if you really care about their strenuous size. In this post I will share my previous experiences while working in a company that din’t care much for CSS at scale. In start of 2015, I was tasked to work with group of developers as UI engineer.Those developers was […]