How to create jQuery Isotope responsive masonry layout

isotope-masonry-responsive-layout

Isotope is a great jQuery plugin for magical layouts. It has features like filtering, sorting, and several layout modes. In this tutorial, I’ll show you how to create a responsive masonry layout and filter items. By default, the isotope masonry layout does not work properly in terms of responsiveness. I will explain how we can fix that and make our layout smooth for all devices.

Requirements

Goals

  • Create a responsive masonry layout using Isotope
  • Add filtering to sort items

Outcomes

  • Successfully created responsive masonry layout using Isotope

Continue reading How to create jQuery Isotope responsive masonry layout

Using GIT for deployment on your VPS/AWS

If you’re reading this then you’re probably interested in hosting a web application and setting up your development environment with GIT. In this step by step tutorial, we will go through the process of accomplishing this plus a few tips and tricks on the way.

Requirements

  • Any VPS account including AWS
  • Computer with SSH client and GIT installed
  • Basic Terminal Knowledge
  • Basic GIT knowledge

Goals

  • Connect to your VPS / AWS using SSH with and without PEM key
  • Setup GIT for your development ad version control

Outcomes

  • Successfully run a web application on a VPS / AWS EC2 and deploy it using GIT version control

Continue reading Using GIT for deployment on your VPS/AWS

How To Fix WordPress custom taxonomy pagination 404 error

In this post I’m going to explain how you can fix WordPress custom taxonomy pagination 404 error. Recently I had an issue with my custom post type taxonomy pagination. It was giving 404 “Page Not Found” when I tried to visit the second page by using the pagination like this:

pagination_demo-300x40

My intention was to use my taxonomy pagination like as above and access pages by the following URL:

http://example.com/cities/city/page/2/
http://example.com/cities/city/page/3/

Continue reading How To Fix WordPress custom taxonomy pagination 404 error

How to Install Apache Cordova in Windows

In this article, we are going to install Apache Cordova to build a mobile application for android on the windows machine. We will do this in 6 steps to create a working Cordova project at the end of this article.

1. Install Apache Ant

Go to Apache Ant official site and download the latest version from the link below:

Ant Download Link

Unzip downloaded files and put them into a new folder (wherever you prefer) which should look something like this:

C:\CordovaApp\ant\apache-ant-1.9.6

Using this location we will create a new environment variable called ANT_HOME and then we will add it to environment PATH value like this : %ANT_HOME%\bin

Continue reading How to Install Apache Cordova in Windows