In this article you find all the necessary code to implement wordpress pagination in your blog, or on a custom template. It does not matter if you query for normal wordpress posts or for a specific custom post type. First of all

To the current project I am working on I had to add this functionliaty, and let the users add their owns tags when they need. All the implementation of this plugin was a success I implemented the itemAdded event too, but when I te

Once in a while you need to implement a tag functionlity, where you will be able to add any tag you need then send it by a form or ajax in a server side to save it in a database. In this article I will show you how I did when I ha

In last article we used the command to get all running process from our server. In the following I will show you how to kill a process which is running in the background in centos. To achieve this you only need a two words command

In each server there are a lot of running processes which help the system work corectly. In some cases you can run your own script to achieve a certain functionality, if you run the script in background that means it will run all

Let's say you get some JSON response back and it has a lot of HTML characters. You need to decode HTML characters to normal text in order to append the new value to front end. The following JSON response is an example of html cha

To make a dropdown from scratch it is not that hard but you have to take care of a few things like check it on all devices (tablets and mobile device) and you have to be careful at overlapping issues. Anyway I used first time drop

It's not that hard to implement a simple jquery ajax call in your wordpress to get a post by its id for instance. In the following we will make this functionality from scratch, to implement this we will need to create a new file i

Sometimes you need to detect add to cart action in woocommerce.  Once the customer has added any product in cart we will be able to notice him, or we can fire any event we need. For this action you need to have Ajax option "Enabl

This is part 2 from our tutorial about how to implement a new news pages in wordpress from scratch. In this part we only make the css style for item posts, and add a more details button to the post. You will see in the following c

In this Tutorial I will show you how to add a new wordpress page to your website.  You will see, we will implement this page with few lines of code and everything will work as expected. The HTML and PHP code are here: <?php

In this example we will use slick slider because is fully responsive and is very customizable you can move arrows/dots when you need with built in functionality, or you can create your own html for arrows and so on. Basically all

Even if you make a website with ajax or you have to add a string in the url when you activate a tab by javascript, you need to do this manually.  One method would be hashtag, to add a hastag to url you have to use the following

Nowadays more and more peoples browses the internet on mobile phones so we have to create the perfect environment and few some nice aniations will increase the change for that visitor to come back to your website. To achieve the

There are many reasons why you should use icons font insted of images. The most used method for icons is font awesome. Another alternative would be ico moon but for this you have to pay. Even if is costly icomoon offers you nice f

Nowadays there is no website if it is not responsive. Among the first things you have to do is to make a responsive menu for your website. On desktop you can let the menu as a list, but on the smaller devices you can't do this bec

In this tutorial I will show you how to rotoate a div with few lines of html and some css3 transitions. The easiest way to rotate a div when you hover on his parent, is to put it with absolute position inside his parent, then whe

Some css animations on you website can make your website more beautiful especially if you add animations as needed. Let's assume we have a list of items on our page, when you hover on them we want to add a background. Our animati

There are few ways to animate a svg. The easiest way to animate a svg is with css. So, the first thing we will do is build the svg, then we will create a keyframe to animate the way how the svg is writed. <svg width="200" heig

In the last post we learnt how to add a class by jquery. Now we will add a class on first click, then on the second we will remove the class. To accomplish this the first we have to do load up the jquery library, we learnt this i

For a frontend programmers is vital to know how to add a class on click, or when document is ready. There is nothing complicated in adding a class when an element is clicked. Here we will learn all necesary steps to add a class.

There are some ways to do that. The easies way to do this is to make the elements behave like a tabel, as you probably know when you work with tables if you declare on "td" - "vertical-align:middle", all tds will be centered ver

To create this countdown we will use this plugin. The Final Countdown is a plugin tailored to be used in any layout, without any CSS/HTML dependency. The goal was to fit and mimic differents countdown styles as you see out there

How to create an aware direction hover effect with css and javascript. The following code will create a nice hover effect when you put the cursor on the gallery thumbnail. To achieve this effect you need an overlay which will st

Even if Ion auth has enough validation rules for form inputs, sometimes you have to check if the password is strength enough.  One of the fastest way to achieve this functionality is the following check.   $password = $thi

Among options to validate the strength of password is also found this one. You can change the default settings for Ion Auth password strength validation from config.php. Digits Required For Password $config['min_digits_for_pass

Ion auth is an authentication library for Codeigniter framework, easy to use, change or add custom functions to it. To set minimum or maximum password length in codeigniter you have to find the config.php file. These lines do th

To accomplish this functionality you have to make a GET call by javascript, in this call you have to pass the ID of product. Below you can see an example for this action. HTML: <div class="add_to_cart"> <a href="#" d