JavaScript Encode/Decode text & files to Base64 in Browser with Base64 Converter 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 and Async/Await ⏳ Callbacks were the old ways to handle asynchronous code execution; but with Promises, Promise Chains and async/await, you can make your code cleaner, manageable and less confusing.
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.
programming 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 JS and AST. It takes PreProcessing CSS to another level.
API Introduction & Quick Guide to GraphQL for BackEnd & FrontEnd GraphQL is an API query language. It provides a runtime to describe and query the data, no matter what the storage engine is.
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 Easiest way to integrate Youtube Iframe API in Angular and React Youtube iframe API is tricky to integrate when it comes with Component architecture. Here is the easiest way to integrate Youtube Iframe API in Angular and 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.
JavaScript GoodBye XMLHttpRequest; AJAX with fetch API (with Demo) AJAX is a crucial part of any Web App. The primary way to do AJAX is through XMLHttpRequest. JavaScript has new fetch API which will remove the need to use the weird XMLHttpRequest
JavaScript Iterating data with Map, Reduce, ForEach and Filter Loops are the important construct of programming language. More powerful is the looping, more things you can achieve in less time. Let's see how to iterate data with Map, Reduce ForEach and Filter.
JavaScript Benefits of JavaScript Template Literals and Tagged Templates String formation from variables in JavaScript had been pain all the time. Not anymore; JavaScript Template Literals will save a lot of your time. Let's see the working & benefits of JavaScript Template Literals.
