Vijit Ail – Medium

Published in The Startup

·May 17, 2020

Form Validation in VueJS using Yup

Admit it, handling form validations is a pain when it comes to JavaScript frameworks. Although, form validation is available natively in the browser, there are still some gotchas when it comes to cross-browser compatibility. …

JavaScript

4 min read

JavaScript

4 min read

Published in The Startup

·May 9, 2020

A very basic state management library in under 100 lines of JavaScript

You probably must have used or at least heard about Redux, Mobx or Vuex. These libraries are used to manage state in apps built using frameworks or libraries like React, VueJS, etc. Redux is a framework-agnostic library, that means it can be used in any Single Page Application. …

JavaScript

3 min read

JavaScript

3 min read

Published in The Startup

·Jun 12, 2019

An Introduction To Service Workers For Beginners

You might be hearing this buzzword — “Progressive Web Apps” for quite a while for now. Well, it’s nothing fancy, just a few enhancements to web apps and a very sound selling term minted by Google (or Microsoft 🤷‍♂️). Twitter, Facebook, Flipkart, etc. all have a PWA for mobile devices. PWA…

Web Development

3 min read

An Introduction To Service Workers For Beginners

Web Development

3 min read

Published in The Startup

·May 19, 2019

Let’s code a client side router for your frameworkless SPA

Yes, you read the title right, Client side router for a frameworkless SPA, that’s exactly what we are going to build in this story. Before we dive into the code, let’s first understand what is client side routing. A client side router runs on the user’s browser. The browser does…

JavaScript

7 min read

Let’s code a client side router for your no-framework SPA

JavaScript

7 min read

Published in Level Up Coding

·May 12, 2019

Pull to refresh animation with Vanilla JavaScript

Pull-to-refresh is a very popular swipe gesture on smartphones that allow users to load new content on top of lists of data. It is used in most popular apps for smartphones and as well as in web apps and has become a major part of UX.

CSS

4 min read

Pull to refresh animation with Vanilla JavaScript

CSS

4 min read

May 5, 2019

Build a simple CSS grid layout system.

You must be very familiar with the layout system of popular CSS frameworks like Bootstrap, Bulma, etc. But have you ever wondered how these are built and work behind the scenes. 🤔 In this story, lets try to build our own grid layout system and understand the basics. 😃 I’ll…

CSS

3 min read

CSS

3 min read

May 4, 2019

Animated bar graphs using CSS variables

In this story, lets build animated bar graphs in pure CSS using variables. You can check out the final output here 👈. I’ve declared the CSS variables in the style attributes of the bar elements. Initially I tried to use the custom HTML5 data attributes (eg. data-percent) and access…

CSS

2 min read

CSS

2 min read

Mar 9, 2019

Tutorial: Bottom navigation interaction using CSS & JS for beginners

In this tutorial, we’ll build a smooth navigation interaction inspired by Google’s material design. You can get the complete code here. Let’s setup the Markup for the User Interface .nav will serve as the container to the icons and .nav-items will contain individual icons. Adding icons in the Markup I decided to go with the material icons by Google, but…

Web Development

2 min read

Tutorial: Bottom navigation interaction using CSS & JS for beginners

Web Development

2 min read