Awesome jQuery Plugin For Multi-functional Bootstrap Modal – Modal Extras

Here we will share one Awesome  jQuery Plugin For Multi-functional Bootstrap Modal – Modal Extras. Modal Extras is a small jQuery plugin to extend and enhance the default Bootstrap’s modal component. The plugin allows you to create customizable, AJAX-enabled content, image, video modal popups using Bootstrap’s styles and Modal.js. How to use Modal Extras: 1. Include the … Read more

CSS breadcrumb navigation bar

Before doing so, look at the renderings. First, write the HTML code. <Div id = “crumbs”>         <Ul>             <Li> <a rel=”nofollow” target=”_blank” href=”#”> Home </a> </ li>         </ Ul>     </ Div> Here we take a li tag as an example. … Read more

Responsive Carousel with jQuery and Bootstrap 3

Toady we will to share one fully responsive and full width content carousel/slider built on top of jQuery, Bootstrap3 and Html5, no any more Javascript and CSS needed. How to use it: 1. Include the necessary jQuery javascript library and Twitter’s Bootstrap 3 from a CDN in your web page. <link href=”//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css” rel=”stylesheet” /> <script src=”//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js”></script> … Read more

Awesome CSS3 Round Timer Progress Bar Animation

Today, I’ll share an Awesome CSS3 Round Timer Progress Bar Animation with you. The round timer can be used to make progress bars, very cool. The timer consists of two rings, representing the seconds and minutes, respectively, with the time go, the two rings will gradually fill the full color, and every second process will have another … Read more

Ten Awesome PHP Libraries in 2017

1.Requests for PHP A no-dependencies library that lets you send HTTP requests. It provides the needed methods for adding headers, accessing response data, handling forms, and everything else you may need, neatly packaged in a clean and easy to use API. $headers = array(‘Accept’ => ‘application/json’); $options = array(‘auth’ => array(‘user’, ‘pass’)); $request = Requests::get(‘https://api.github.com/gists’, … Read more

Bootstrap Multiselect – A jQuery based plugin

Bootstrap Multiselect is a JQuery based plugin to provide an intuitive user interface for using select inputs with the multiple attribute present. Instead of a select a bootstrap button will be shown as dropdown menu containing the single options as checkboxes.

How to Realize jQuery Mouse Sprite Effect?

This jQuery mouse sprite effect is a fun background effect using jQuery and CSS animations. By using jQuery and CSS Animations, these colorful little sprites will follow your mouse around a certain area (container). The numbers of sprites, colors, and level of transparency as well as their individual speeds are all randomized, giving every page … Read more

Tabulator – A Feature-rich Data Table Generator with jQuery and JSON

Here we will share you a feature-rich Data Table Generator with jQuery and JSON – Tabulator. The  Tabulator jQuery plugin used for generating simple or complex data tables from any JSON data. Tabulator with the following additional features: JSON, array or AJAX data loading Resizable columns Auto scaling to fit data/element Column sorting Custom data formatting … Read more

jQuery multi-animation auto-switching focus image plugin

View Demo Download source Before we have to share a lot of cool and practical jQuery focus image plug-in, many of them have a gorgeous switch animation and playback, you can manually click the button to switch, you can automatically switch. Today we want to introduce this jQuery multi-animation switch focus map plug-in is automatically played, … Read more

Animated SVG Icons with Snap.svg

It’s more and more popular to use SVGs on websites, and it’s very easy to realize by using Snap.svg.Here we want to share the awesome SVG icons with you. Using Snap.svg to animate SVG icons. View Demo Project on Github

HTML 5 Embedded Media

Video has been widely popular on the Web, but its format is almost exclusively proprietary. YouTube uses Flash, Microsoft uses Windows Media®, and Apple uses QuickTime. The tags used to embed the content in one browser are not valid in another browser. Therefore, WhatWG proposed to introduce a new video element, used to embed any … Read more

HTML5 Canvas Color Picker

This code is to use HTML5 to create a page color Picker. First draw a picture in the Canvas, and then we add mouse events “mouse move”, “mouse click”. When the mouse moving, display the current preview of the color;When  click on the mouse, select the current color, display the details of the color. [HTML] … Read more