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 […]

Categories
Tutorials

Creating Simple Image Gallery Part 2

In part 1 we have created image gallery and in this post we will bring it to the end by adding interactivity. So now when ever we click on the thumbnail image, it’s full version has to be shown on the right column. For this purpose we will need a little Javascript. But don’t worry […]