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.
Firebase Upload Files to Firebase Storage with JavaScript Firebase; being a robust Realtime Database solution; it provides Storage of files as well. Learn how to upload files to Firebase Storage with JavaScript in simple steps
javascript Generate instant previews for image upload Quick and Easy solution to generate preview of images upload in vanilla javascript in callback and Promise style.
Web Accessible Rich Internet Applications-ARIA Accessible Rich Internet Application (ARIA) is way to ensure that Web Apps and Content is accessible to users with disability in similar or approximately similar way as to users without disability.
CSS CSS/CSS3 Flexbox Layout A quick and basic guide to CSS3 Flexbox layout and the ways to achieve simplest layouts with Flexbox
node.js Introducing get-it-ready Quickly create your documentation ready REST APIs on HapiJS and Mongoose with get-it-ready.
Plugin architecture in HapiJS As we had talked about creating REST APIs with HapiJS framework, let talk about ease of creating apps in HapiJS; for that we have plugin architecture in HapiJS. Plugin Architecture will help you
hapijs Introducing hapi-response-time hapi-response-time plugin will help in measuring the time taken by any api endpoint to generate the response & can be handy while debugging.
hapijs Intro to HapiJS [v16] HapiJS or simply Hapi is a framework for NodeJS to create HTTP based applications; framework’s name explains its purpose in a much better way; H(TTP)-API
javascript Front End Tip: Watch Data not DOM This important tip is “Watch Data not DOM”. It will always be good to keep data as a single source of truth and make the DOM a reflection of it. This is what
