April 24, 2019 in Wordpress
Let’s take a look at the Gutenberg Block in its simplest form to understand how a block works, and how can we create our own blocks. Gradually we will move on to understand more advanced stuff to make more interesting blocks. (Editable blocks, Toolbars, Options, etc.) WordPress has many inbuilt libraries that allow us to […]
March 23, 2019 in Wordpress
Quick recap: In the previous part of this post, first, we have created a plugin for our Gutenberg Block. Second, installed and configured Webpack and Babel. We are now ready to start writing code for our Gutenberg Blocks. Step 3: Build the Block Let’s write the code for our Boilerplate Block. We created a folder […]
March 16, 2019 in Wordpress
The first thing when we need to start building Gutenberg Blocks is setting up few tools properly. It’s a good idea if we build a Boilerplate where we have all initial setup ready, this saves a lot of time while starting a new project. Also building your own Boilerplate gives you complete control on what […]
April 16, 2018 in Bootstrap, CSS
You might have used normalize in your projects. Bootstrap 4 has created its on version on top of the normalize called reboot. If you are not familiar with normalize, it overwrites browser’s default CSS to eliminate browser inconsistencies, like different font sizes, or margin etc. It also add many CSS rules that helps you make […]
April 9, 2018 in Cheat Sheet, Freebies, WooCommerce, Wordpress
WooCommerce comes with its own template structure, hooks, and functions. It takes a lot of time to find the relevant hooks, functions or template files when you want to make some changes in WooCommerce. I have created this series of Visual Guides / Cheat Sheets to make it easier to find the information regarding a […]
April 2, 2018 in Bootstrap, CSS
As we know Bootstrap 4 is using em’s and rem’s instead of pixels, so its necessary to understand what these units are, and how they work. Let’s take a look. There are few things that you should memorise about em’s and rem’s, these points will help you understand these units more easily.
March 27, 2018 in Cheat Sheet, Freebies, WooCommerce, Wordpress
WooCommerce comes with its own template structure, hooks, and functions. It takes a lot of time to find the relevant hooks, functions or template files when you want to make some changes in WooCommerce. I have created this series of Visual Guides / Cheat Sheets to make it easier to find the information regarding a […]
October 26, 2017 in CSS
Aligning content vertically inside a DIV or a box has always been an issue in CSS. There was some tricks available with display: table and display: table-cell properties. But it was never convenient to implement, until flexbox module came into the existence. With Flexbox, one can align anything (vertically or horizontally) with the align-items and […]
May 23, 2016 in Cheat Sheet, Wordpress
April 29, 2016 in CSS
Recently, in one of my project, the client asked me to create a multi-line navigation, which should be evenly spaced according to link text. One major consideration was that navigation should be dynamic and the number of links can be changed in future if needed.