» » page 3

 
Sort articles by: Date | Most Rates | Most Views | Comments | Alphabet

ECharts, a pure Javascript charting library

Author: bamboo06 on 28-11-2016, 02:18, views: 2576

0 ECharts is a HTML5 Canvas, pure javascript-based charting library. It can run smoothly on PC and mobile devices, compatible with the current most browsers (IE8 / 9/10/11, Chrome, Firefox, Safari, etc.), providing intuitive, vivid, interactive, highly customizable Data Visualization Chart.
ECharts, a pure Javascript charting library

ECharts provides general line charts, histograms, scatter charts, pie charts, K charts, box charts for statistics, maps for geodata visualization, thermograms, line graphs, relational data visualization Treemap, parallel coordinates for multidimensional data visualization, funnel diagrams for BI, dashboards, and mashups between graphs and graphs.

Category: Javascript / HTML5 / Plugins

 

You can enter or drop-down the selected select

Author: bamboo06 on 22-11-2016, 00:35, views: 8109

21 We know that the general select drop-down box is only selected, can not be used to enter the content. Sometimes we will encounter the drop-down box does not have to select the information item or drop-down options for a long time, we can let select into text, allowing users to enter the desired content, but also can be included in the importation of key words Also listed for quick selection.
You can enter or drop-down the selected select

Category: Javascript / CSS / Plugins

 

Tocify: Dynamic Node Contents Menu Builder

Author: bamboo06 on 17-08-2016, 01:00, views: 3781

10 Tocify is a node capable of dynamically generated articles directory jQuery plugin. If we have a very long article, the article has a plurality of nodes, use Tocify dynamically generated based on the node element article directories, click on the directory can smoothly scroll to the corresponding node, of course, when you scroll the page, according to the current directory structure will listen to node to switch to the current directory state.
Tocify: Dynamic Node Contents Menu Builder

Category: Javascript / Plugins

 

jQuery autocomplete plugin: completer

Author: bamboo06 on 17-08-2016, 00:31, views: 2784

8 When we input forms, such as entering the mail name and the next words are autocompleted, the content will automatically shown and several commonly used mailboxes are listed, and the user simply selects what he will enter. Inputs in this case are time, and domain names. All this can be done automatically by the plug-completer to help you achieve.
jQuery autocomplete plugin: completer

Category: Javascript / Plugins

 

Making use of jQuery and CSS3 for responsive horizontal time axis

Author: bamboo06 on 13-08-2016, 02:16, views: 12428

11 We often see a lot of progress in record events to the vertical axis, and a friend asked me asked to share the level of the timeline, in fact, the difficulty level of the timeline is adaptive screen size. Well, today I'm going to share with you is a responsive support, support touch gestures sliding horizontal time axis.
Making use of jQuery and CSS3 for responsive horizontal time axis

Category: Javascript / CSS

 

Image upload and clipping applications: Croppie

Author: bamboo06 on 1-08-2016, 01:40, views: 14141

19 In a lot of applications need to upload the local images and then by size appropriate tailoring to meet the requirements of the website for the size of the picture. The most common is the user system requires users to upload and cut the picture of the application. Today I introduced to you is based on HTML5 and jQuery of the picture upload and clipping plug-in, it is called Croppie.
Image upload and clipping applications: Croppie

First, we will load the relevant JS and CSS files in head.

Category: Javascript / HTML5 / Plugins

 

Making use of Animate.css for stunning CSS3 animation

Author: bamboo06 on 1-08-2016, 01:03, views: 9993

11 Animate.css is a super CSS3 animation library, it is simple to use, only needing to join class effect is related to the corresponding page elements, you can achieve the flip, slide, rotation and so on complex stunning cross browser animation effects, which makes development and creating the page animation become very simple.
Making use of Animate.css for stunning CSS3 animation

Category: Javascript / CSS

 

Beautiful page transition animation

Author: bamboo06 on 23-06-2016, 00:03, views: 2301

15 By clicking the menu on side of the page it is loaded along with the corresponding slide transition animations, but also with the progress bar effect. Of course, the page loaded is driven by Ajax, the entire loading process of transition is very smooth, with very good user experience.
Beautiful page transition animation

HTML structure, .cd-main body of the page contains content, .cd-side-navigation contains the side navigation bar, # cd-loading-bar is used to make a progress bar with animation.

Category: Javascript / CSS

 

Use Jquery to copy form element

Author: bamboo06 on 2-04-2016, 16:19, views: 2633

50 When we submit the form, sometimes you encounter the need to repeat the same form to add multiple elements, such as order information you need to add a number of different types of products, form data in the new field information. This time we can put a "new one" or "Copy" button directly on the form, you can achieve copy form elements by clicking on the button.
Use Jquery to copy form element

Category: Javascript

 

Cool photo wall display effect by easing plugin

Author: bamboo06 on 2-04-2016, 14:42, views: 1708

3 This is a cool photo wall display of results, combined with a lot of photos fade, rotate, zoom, tilt and 3D effects, quick photo from the left to cut, do rotate the 3D effect, and finally lined up in the photo on the wall, in order to show users cool photo wall display effect.
Cool photo wall display effect by easing plugin

In this paper we use examples to share cool photo wall effect that depend on jQuery and the easing plug-in, first loading the two files.

Category: Javascript / Plugins