Home is for the experience. Projects are for the ones who are interested!

Implement WordPress Pagination From Scratch

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

itemAdded issue Bootstrap tags

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

How to add tags functionality to text input

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

How to kill a running process in linux CENTOS

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

How to list all running processes in linux CENTOS

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

How to decode HTML characters in variable

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

jQuery Dropdown – Easy Drop Down Menu Implementation Bootstrap

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

jQuery AJAX Call – How To Implement WordPress Ajax For Blog Posts

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

Detect Add To Cart Action – Woocommerce Add To Cart

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

How To Implement News Page In WordPress From Scratch –  WordPress Tutorial Part 2

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

How To Implement A News Page In WordPress From Scratch – Part 1

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

jQuery Slider – How to implement a jQuery Slider

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

Change URL without refresh jquery – history.pushState

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

Animated Drop Down Menu CSS3 Transitions

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

Font Awesome Icons – How to use font awesome

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

Hamburger menu CSS and jQuery – Drop Down Menu

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

CSS3 rotate a div on hover transition – CSS3 transition

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

Full background on hover transition – CSS animations

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

How to animate a SVG – SVG animation

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

How to change class jquery – toggleClass jQuery

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

How to addclass jquery – javascript add class

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.

Vertical align css – DIV align center css

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

How to create jquery countdown timer – Javascript Countdown Timer

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

Direction Aware effect  CSS – jQuery animation gallery implementation

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

Custom Codeigniter Ion Auth Password Strength Validation

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

Ion Auth Password Strength Validation

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

Codeigniter Ion Auth Password length

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

Add to cart via AJAX Woocommerce without loop

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

Notice: Use of undefined constant php - assumed 'php' in /home/penguiw0/public_html/wp-content/themes/storefront-child/footer.php on line 62