JavaScript

5 Best JavaScript Editors: Best Tools Ranked by Developers Worldwide

JavaScript has continued to gain popularity over the last decade; editors have played a significant role. Here are the 5 Best JavaScript Editors

hosting

FREE Image Hosting with Gitlab

Images are an amazing way to show info & create interest; though at the cost of size & bandwidth. Let's see how to have FREE image Hosting with GitLab

GraphQL

GraphQL Conf 2019 in a nutshell - Some Takeaways

GraphQL Conf 2019 was happening on 20-21 June in Berlin & this is an example of Idea forming huge community. Here are some takeaways from GraphQL Conf 2019

JavaScript

Base64 Converter: Encode/Decode to Base64 in Browser

Base64 is a great encoding and decoding scheme for web; and best thing is that all browsers support it. See how to encode/decode to Base64 in Browser with Base64 converter

JavaScript

? CustomEvents: JavaScript Events on steroids

CustomEvents in JavaScript are Events on Steroids. CustomEvents will solve the common event related problem effectively in a high level JS application

JavaScript

5 most important Code Recipes for Asynchronous Code Execution ?

See how to use Promise and its utilities creatively to achieve different kind of use cases like Serial, Parallel, Mixed, Static values as Promise etc.

JavaScript

Promises, Promise Chain & Async/Await ⏳

Callbacks are old ways for async programming; with Promises, Promise Chains & async/await, you'll have cleaner, manageable & straightforward code.

Firebase

Upload multiple Files to Firebase

This tutorial to Upload multiple files to firebase will explain how simple and similar it is to single file upload. You can use multiple-file input or drag-and-drop or both to achieve that.

JavaScript

Different Result from Array.sort() ?

Different Result from Array.sort() on Chrome and Safari with same input ?

JavaScript

Simple tutorial for Drag and Drop in HTML5

Drag and Drop is a the basic feature needed when talking about the application handling Media or shuffling Data. This post is a simple tutorial for Drag and Drop in HTML5 with JavaScript.

PHP

Upload files to PHP backend using fetch and FormData

PHP is a good server side scripting language to kickstart project. In this post, we will see how to upload files to PHP backend using fetch and FormData.

Firebase

Advanced User actions for Firebase Login ?

Personalizing the Web Application for individual user is a very crucial User Experience. Hence providing ways to control the control the information about user is very important.

Static Site

Host your Static Site on GitLab Pages ?

Static Sites are quick and easy; and when you can host them for free forever, that's icing on the cake. Let's see what GitLab has to offer.

JavaScript

LazyLoad Images in Simple Steps for Casper Theme on Ghost

LazyLoad is a concept to defer the loading of assets until they are needed. Let's implement simple LazyLoad for Images & make Casper for Ghost do lazyload.

JavaScript

FormData API: Handle Forms like Boss ?

Handling Forms has always been confusing as there are many ways to do so. Let's take a look at the cool features of FormData API to handle Forms.

frontend

DRY HTML or DRY CSS? ?

Don't repeat yourself. Functionality should be written once & responsible for one thing; giving you reusable code blocks attaining DRY. Let's see how to achieve this in FrontEnd.

CSS

CSS Tutorial: Ripples Loading Animation like in Tinder ?

Loaders/Spinners, almost everyone of us have seen them. Ripples animation is a best way to show geolocation based searches. Lets see the tutorial for Ripples Loading animation like in Tinder.

CSS

CSSNext: TurboCharge your CSS Development ?

Now CSS has really cool enhancements; some are under consideration, some are already part of specs. Use those features worriless with CSSNext and PostCSS.

CSS

PostCSS: Shiny CSS PreProcessor written in JavaScript ?

PostCSS will let you process the CSS with JavaScript & AST. It takes PreProcessing CSS to new level. You can include it as processor in Webpack or Rollup

GraphQL

Introduction & Quick Guide to GraphQL for BackEnd & FrontEnd

GraphQL is an API query language. It provides a runtime to describe & query the data for any storage. Here is an Introduction & Quick guide on GraphQL

WebComponents

ToDo App with WebComponents

Lets see WebComponents in action by building a ToDo App with WebComponents and ShadowDOM. This will build an understanding of using these in your Front End apps.

JavaScript

Execute JavaScript code inside ES6 templates

ES6 templates are very powerful and can serve as a template engine. See its complex usage to execute JavaScript code inside ES6 templates with IIFE.

WebComponents

Introduction to WebComponents

WebComponents are the salvation of Component based web development. When all front-end frameworks are pushing for Component approach & thinking, WebComponents are native solution to achieve same.

Youtube

The easiest way to integrate Youtube Iframe API in Angular & React

Youtube iframe API is tricky to integrate when it comes to Component architecture. Here is an easy way to integrate Youtube Iframe API in Angular & React

Single Page

Ways to host single page application (SPA) and Static Site for FREE

As single page applications are in high Demand, here are some ways to host single page applications (SPA) and static site for free.