Using tableLayout CSS property with TypeScript

Using table-layout property with React and TypeScript was giving a type error like below: ERROR in /var/jenkins/workspace/dev/resources/packages/sites/table.tsx [tsl] ERROR in /var/jenkins/workspace/dev/resources/packages/sites/table.tsx(79,25) TS2322: Type ‘{ padding: number; width: string; margin: string; tableLayout: string; }’ is not assignable to type ‘CSSProperties’. Types of property ‘tableLayout’ are incompatible. Type ‘string’ is not assignable to type ‘TableLayout’. This was… Continue reading Using tableLayout CSS property with TypeScript

CSS Flip Animation for Font Awesome Icons

This flip animation will be a perfect use-case for enable/disable UI actions. We’ll be using rotateY transform function to achieve this flip animation. Here is a simple HTML page with a few font awesome icons in both enabled and disabled states (we’ll be adding CSS for these states later) and jquery included for click actions.… Continue reading CSS Flip Animation for Font Awesome Icons

Push Notification in Flutter using Firebase

In this article, you will learn about how to integrate Firebase Cloud Messaging (FCM) with a Flutter mobile application. If you want to install Flutter in your environment follow this article: Flutter Setup Create Flutter project To create a new project in Flutter execute the following command line in the terminal. We are using tryoutflutter… Continue reading Push Notification in Flutter using Firebase

Flutter Setup

HelloWorld! In this article, you will learn about how to setup Flutter in Windows, Linux, and Mac OS through step by step simple procedure. Let’s get started, Prerequisites Android Studio X Code and CocoaPods only for Mac OS VS Code editor or any other editor. VS code editor is recommended because it has the Flutter… Continue reading Flutter Setup

Shrinking indices in Elasticsearch

The Problem Today, we started receiving the following error from our production Elasticsearch cluster when a new index was about to be created: The error description was obvious that we would breach the shard limit of 1,000 when creating a new index. Confirming the number from the error message using _cat/shards endpoint, we see that… Continue reading Shrinking indices in Elasticsearch

Static Websites with AWS CloudFront and S3

Why CloudFront & S3 is better for hosting static sites? AWS CloudFront is a CDN that can be used to serve static HTML sites backed by S3 storage. S3 storage is very cheap. Combined with CloudFront, you can make your sites serve in low latency speeds. Deploy to S3 and start CloudFront cache invalidation Why… Continue reading Static Websites with AWS CloudFront and S3

MojoFailureException: Fix Maven’s Compilation Failure:

Today, I faced a compilation failure in Bitbucket pipelines for a simple Java project. The project compiles successfully in the local machine. The stack trace of the failure was not useful at all: The stack trace doesn’t report any file names or lines numbers. This means the compilation error is not with the source code… Continue reading MojoFailureException: Fix Maven’s Compilation Failure:

Published
Categorized as Java Tagged ,

Introduction to Flutter

HelloWorld! In this article, you will learn about what is Flutter, why Flutter, then a comparison between Flutter with other frameworks, and finally Flutter’s pros and cons. What is Flutter Flutter is an SDK for UI development. It is developed by Google to build standard UI & UX for mobile, web & desktop applications from… Continue reading Introduction to Flutter

Published
Categorized as Flutter

Learn React Native with a Board Game (Part 1 of 4)

In this tutorial, you’ll be learning about basic concepts, developing an application from scratch, state, props, and components. This tutorial is for both beginners and professionals. Introduction to React Native React Native is a JavaScript framework created by Facebook, Inc. It is used to develop mobile applications for Android and iOS. The mobile applications are… Continue reading Learn React Native with a Board Game (Part 1 of 4)