KodeInfo | Learning resources for web and mobile development

Author - Irfan Iqbal


Bootstrap Tiles Layout
December 1st, 2014 13:11:21
Bootstrap Tiles Layout

In this post let us create a tiles layout using bootstrap just copy the code to get the design . Design: Code: <!DOCTYPE html> <html> <head> <title>Tiles</tit...

Read More
CSS Inbox Button Hover
November 23rd, 2014 08:32:30
CSS Inbox Button Hover

  In this post let us create a CSS Inbox Button Hover which is originally posted by jonathan Larradet . Output: Source Code: CSS: .circle { width:60px; hei...

Read More
Bootstrap Login Form
November 6th, 2014 14:21:22
Bootstrap Login Form

In this section let us design a bootstrap login form .if you are already familiar with html and bootstrap then you can directly understand the design else start learning html and bootstrap basics .At...

Read More
Bootstrap Search Box
November 3rd, 2014 13:30:07
Bootstrap Search Box

In this section let us design a fullscreen search box using bootstrap .As you are already familiar with bootstrap let me show you the design if you are new to bootstrap go to this link . Now let us...

Read More
Bootstrap Layered Login Form
November 2nd, 2014 07:30:35
Bootstrap Layered Login Form

In this section let us design a layered login form using bootstrap .At first you must know what is bootstrap and how to use bootstrap . Click on the below link to know more about bootstrap. http...

Read More
Bootstrap Menu
November 1st, 2014 09:28:22
Bootstrap Menu

In this section let us design a bootstrap menu .At first you should know what is bootstrap and how to use  bootstrap . click on the below link to know more about bootstrap  http:/...

Read More
HTML+Bootstrap Input validators
October 28th, 2014 15:38:30
HTML+Bootstrap Input validators

In this section let us create responsive input validators .As we already discussed about bootstrap in our previous posts .so  i am directly providing you the entire design just copy and paste the...

Read More
Circular Bootstrap tabs
October 26th, 2014 07:24:17
Circular Bootstrap tabs

In this section let us make circular bootstrap tabs .As we already discussed about bootstrap in our previous posts let us directly see the code . Code: <!DOCTYPE html> <html> &lt...

Read More
HTML Login page using Bootstrap(part 3)
October 24th, 2014 10:53:35
HTML Login page using Bootstrap(part 3)

In this section let us make another bootstrap snippet.As you already know what is bootstrap and how to use bootstrap i will directly show you the code. Code: <!DOCTYPE html> <html&gt...

Read More
HTML Login page using Bootstrap(part 2)
October 22nd, 2014 08:32:42
HTML Login page using Bootstrap(part 2)

In this section let us make a another HTML login page using bootstrap. As we discussed in the previous post i.e HTML Login page using Bootstrap what is bootstrap and how to use bootstrap...

Read More
PHP File Upload
October 9th, 2014 16:45:18
PHP File Upload

​In this post let us study how to upload a temporary file on the server.For which we have to  make a HTML form for uploading file . <html> <body> <form action="fileup...

Read More
Bootstrap Tables
October 2nd, 2014 11:52:59
Bootstrap Tables

For basic styling—light padding and only horizontal dividers—add the base class .table to any <table>. It may seem super redundant, but given the widespread use of tab...

Read More
PHP Message System
October 1st, 2014 17:18:12
PHP Message System

In this post let us see how to send messages between two users for that we need to create a table with the following attributes. user_id email  message  At first let us s...

Read More
Cropping Images Using Jcrop In PHP
September 22nd, 2014 10:40:53
Cropping Images Using Jcrop In PHP

In this post let us study how to crop images with Jquery and PHP using jcrop javascript library.At first you nees to download a jcrop javacript library from http://deepliquid.com/content/Jcrop_Do...

Read More