JavaScript Why aren't you using Aliases in webpack config? With Aliases, you can speed up development & be ready for refactoring productively. See why you must consider Aliases in Webpack Config of FrontEnd projects
JavaScript Optimize your Front End Applications by migrating from Moment to Dayjs Moment is great library for handling Date object but heavy as well. See how we optimized our Front End Application by Migrating from moment.js to dayjs.
FormData Introducing the FormData Viewer Extension An Extension to view the values in HTML Forms using HTML5 FormData API in the Browser; can be used on Chromium based browsers like Chrome, Brave, Edge etc
JavaScript Creating REST API in Node.js with Express and MySQL Applications communicate to each other with APIs & key to make versatile applications. Let's see how to make REST API in Node.js with Express and MySQL.
JavaScript 5 Best JavaScript Editors: Best Tools Ranked by Developers Worldwide JavaScript has continued to grow in importance over the last decade. And editors have always played a big role in the success of language. Here are 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 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 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 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.
