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

Categories
Tutorials

Creating simple image gallery Part 1

Image gallery is great way to show off your work, you photography skills and you mind wanted to bring in all the memories and present them nicely. This tutorial is divided in to two parts. In part 1 we will be focusing more on the bare bones of image gallery, it’s structure and aesthetic look. […]