Backend WordPress

General steps to create the WP plugin with Google API integration

Sometimes we need to build the WP plugin with Google API integration. Here are the big image of the steps to create it. Create the project on the google developer console, and install proper Google Api Implement the Google Authentication module using Client Id and Client Secret which Google provides. Build the plugin consuming the …

Discussion Frontend HTML

TabIndex

The tabindexglobal attribute indicates if its element can be focused, and if/where it participates in sequential keyboard navigation (usually with the Tab key, hence the name).Some html elements like div tag are not focusable by default. It means, they are not selected by pressing Tab key.But in some cases we should need to select div tags by pressing Tab …

CSS Discussion

CSS pointer-events

The pointer-events CSS property sets under what circumstances (if any) a particular graphic element can become the target of pointer events. When this property is unspecified, the same characteristics of the visiblePainted value apply to SVG content. In addition to indicating that the element is not the target of pointer events, the value noneinstructs the pointer event to go “through” the element and …

Discussion

Import your Medium Feed into React

First let’s look at what a medium feed looks like. We can and medium content back in JSON format by adding ?format=json to the end of the url. Here is my feed. https://medium.com/@aaron.klaser/latest?format=json This will return a massive chunk of JSON, but we only care about payload.references.Post I think it’s fair to note that this is not actually …

CSS Discussion React.js

How to add a gradient as a color in circular bar ?

I’m not sure if it’s the best solution but I use this with another component (antd progress bar): Create a Gradient component (something like this): Reference your id in your CSS. In your case, probably something like this: I’m using this Gradient component example with antd Progress component. I didn’t add any code to the …

DevOps

Vagrant

Vagrant provides the same, easy workflow regardless of your role as a developer, operator, or designer. It leverages a declarative configuration file which describes all your software requirements, packages, operating system configuration, users, and more. Vagrant works on Mac, Linux, Windows, and more. Remote development environments force users to give up their favorite editors and …