Category: HTML

3D Animation using CSS

The impression of a three dimensional cube can be created using modern CSS techniques, without the need for JavaScript, canvas or SVG. Using the proprietary transform property to skew and rotate shaded rectangles, individual cube faces can combine to form a 3D object. In this example i can use images , you can use any […]

Bootstrap datetimepicker using Bootstrap 3

Datetimepicker component allows user to select a date from a calendar and time from a visual analog clock; it also accepts values via direct input. You can find a wide variety of date and time pickers here. We have used Bootstraps 3 datetimepicker and applied material design principles to it. Click here to download and Click here […]

Cursor Property – CSS

CSS can control the appearance of a cursor. The cursor property specifies the mouse cursor to be displayed when pointing over an element.The cursor property in CSS controls what the mouse cursor will look like when it is located over the element in which this property is set. Obviously, it only is relevant in browsers/operating systems in […]

How to Make Load More Results From Database using jQuery, Ajax,PHP, and MySQL

In this tutorial, we will show you how to build a similar technique for load more data on click from the database using jQuery, Ajax, and PHP. Our Ajax based load more results with jQuery tutorial make the whole process simple. Let’s start the load more data from database tutorial. HTML, jQuery and PHP Code […]

How to Load Data From Database Without Page Refresh using Ajax, jQuery, and PHP

In this tutorial, you will learn how to load data from database without page refresh using ajax, jquery, mysql and PHP. The data will be retrieved on jquery event. Suppose we have a “student” table that contains an age and course and a “student” table that contains whole student information HTML and jQuery Code PHP […]

How to validation form in jquery

This tutorial shows you how to set up a basic form validation with jQuery, demonstrated by a simple registration form. We’re going to use the jQuery Validation Plugin to validate our form. The basic principle of this plugin is to specify validation rules and error messages for HTML elements in JavaScript. Example

How to Autocomplete Address Using Google maps API

Autocomplete Address Form Using Google Places API. Google map is one of the most widely used APIs. When we use it google will return us only geocodeing result. Here is the complete tutorial of google autocomplete. <!DOCTYPE html> <html> <head> <title> Auto-Complete Address Form</title> <link href=”https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css” rel=”stylesheet” type=”text/css” /> <style> .container { margin-top: 20px; } </style> <script src=”https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js” type=”text/javascript” […]

Emoji using HTML

Emojis are commonly used in today’s computer-based communication. We often find an emoji font face pre-installed on many devices which is necessary for the rendering of the emoji symbol. In the following EXAMPLE, I will try to discuss some key moments that enabled emojis to circulate through our network and society. if you want to […]