Categories
Java Script Tutorials

Registering JavaScript Events can be Tricky

When registering JavaScript Events we need to provide the handler. That handler is called when ever a specified event is clicked. function clickHandler() { alert(‘Window is clicked’) } window.addEventListener(‘click’, clickHandler()) The problem with above code is that, we will see the alert as soon as windows loads. The expected result is show alert whenever we […]

Categories
Angular Java Script Tutorials

Understand Angular Directive with Example [Video]

Angular directive makes more sense when used in an example. The interesting example will make things fun to understand and follow. In our scenario we will handle the images that are failed to load. If you are more of a video person that I have also attached the video the end of the article Watch […]

Categories
Ionic Tutorials

Ionic UI – Design Challenge – Incoming Expenses [Screencast]

In this article of Ionic design challenge we are looking at this expense app dribbble shot. We are going to convert the lower part of the design (as marked in the screenshot below) using ionic built in components. If you are more of a video person that I have also attached the video the end […]

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 Vue

Toolbar items placement in Vuetify 2.0

Vuetify is Vue based progressive framework that supports SSR, SPA and PWA. You can read more about it here. How it looks when we have v-modal; with content of v-toolbar inside a v-dialog; let’s see them along with some cards In the header of title we have two action buttons. One before a X / […]