Mushfiqur's blog
Full Stack Developer, Tech Geek, Audiophile, Cinephile, and Lifetime Learner!

CategoryHow Tos

This category includes tutorials on various things.

Make Windows Powershell Work Like a Linux Terminal

In How Tos
9 months ago
4 Minutes to read
2009 Views

Windows PowerShell doesn't come with any git command utilities. But we can extend it to a new level where we can utilize git commands efficiently. In this post, we are going to see how to add auto command suggestions on TAB, branch information, and a working directory in Windows PowerShell. To get that look at our default PowerShell, we will install two packages from PowerShell Gallery. To check what that Gallery is about click here. We will install posh-git and oh-my-posh packages as modules. The posh-git will provide prompt with Git status summary information and TAB completion for Git...

Read onAdd Comment

Windows sandbox – test before you install anything on your windows system

In How Tos
May 29, 2020
5 Minutes to read
1856 Views

There are a lot of time that we think before installing an app on our system if it is safe or not. In May 2019, Windows got a system update with Windows Sandbox feature. Basically it lets you use anything before installing it. This feature is available with version 1903. To be more specific, Windows Sandbox is a virtual machine which can be created on-demand using Microsoft‘s hypervisor technology. It’s a very lightweight environment using a resource of 100MB only, and it’s well optimized to boot and run faster. It focuses on security, and it’s an example of efficient usage of integrated...

Read onAdd Comment

Create a custom progress bar using html5

In How Tos
February 7, 2020
6 Minutes to read
3553 Views

A new element was introduced in HTML5 which adds the progress-bar feature to native HTML. It allows us to show the progress of certain tasks, like uploads or downloads, basically anything that is in progress. In this post, we are going to customize and style the progress-bar with animation. It’s very simple to use the new element for progress-bar. This element can be added using tag in the code. This element has three attributes, , and . Sample HTML as follows:

Read on1 Comment

How to create Icon input element using html and css

In How Tos
January 22, 2020
3 Minutes to read
2397 Views

There is a lot of time we need to customize input control. In this post, we are going to create a customized input-element with an icon before it. We will do it using only HTML and CSS. We are going to use a div element as a container for the input element. Inside our container, we will put the input element and our icon container. The icon container is also a div element. Here is our HTML:

Read onAdd Comment

Enable file transfer to google cloud compute engine

In How Tos
December 25, 2019
9 Minutes to read
2662 Views

After installing WordPress on Google Compute Engine, you might need a way to transfer files to the VM. It’s great to have worked on the local machine and upload the changes via file transfer protocol. File transfer protocol needs to be activated first. Then you can use it via any FTP client. The first obstacle you’ll face after setting up a VM instance is how to transfer files to your Google Cloud VM. It is very obvious because google cloud does not have any shiny option on their dashboard. The basic transfer option is hidden in the SSH section of your VM Instances. Other than the basic...

Read onAdd Comment

Install WordPress on google cloud compute engine

In How Tos
December 21, 2019
9 Minutes to read
1575 Views

Probably Google Cloud is the third most popular provider for cloud infrastructure after AWS and Azure. As its name suggests, Google Cloud is provided by Google. In this article, we will learn how to install WordPress on Google Cloud Compute Engine. Before going into the details, there are few things to look at. There are a few basic terms we need to learn before we get with the tutorial. The idea behind this is to inform you of all the various products Google Cloud has to offer. Once you develop and interest in something you see, you can start building your own apps in them!

Read on1 Comment

Customize File Input Element Using JavaScript & CSS

In How Tos
May 27, 2019
4 Minutes to read
994 Views

There are numerous ways to customize the file input element in HTML. In this post, we are going to make the file input element more attractive using JavaScript and CSS. We are going to use one element to show an icon and one to show selection text inside a along with to design the input element. So the label is the container for SVG icon and span text. This is how our HTML code looks like:

Read onAdd Comment
Mushfiqur's blog
Full Stack Developer, Tech Geek, Audiophile, Cinephile, and Lifetime Learner!

About me

A profound honest Full Stack Developer with a passion for creating delicate solutions in the least amount of time, with more than seven years of experience in the Web Application Development. Implemented complex user stories that make the business count on more conversion and grow with it.

Started career with ASP.NET but eventually revamped skills with JavaScript, ReactJs, NodeJs and Ruby on Rails.

Throughout my career, I have contributed to the businesses who have a positive impact on society through my active and innovative contributions to the growth of the organisation. While being an independently motivated engineer, I appreciate the collective efforts and collaborative productivity within the team environment. I am open-minded and focused on learning new technologies which have direct impacts on the betterment of human lives.