» page 7

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

ECharts Dashboard

Author: bamboo06 on 28-11-2016, 02:35, views: 43693

0 We often see the dashboard, such as the cockpit in the dashboard, the use of Echarts produced dashboard can easily display the user's data, clearly see the value of a range of indicators, dashboard forms of reporting applications in a variety of In the statistical system, this paper explains the application of the instrument panel in the completion rate of sales tasks.
ECharts Dashboard

First introduce Echarts, and then place the place where you need to add div # myChart, while adding it to the width and height properties.

Category: ---

 

ECharts, a pure Javascript charting library

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

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: 8370

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

 

Use CSS3 to realize breadcrumb navigation and multi-step instructions

Author: bamboo06 on 22-11-2016, 00:11, views: 11527

8 Breadcrumbs are used to navigate the site where the current page is located. The breadcrumbs represent site classification or directory hierarchy relationships, and multi-step instructions are often used in some step-by-step process wizards, such as step- Goods Order Process. Today we are using CSS to make breadcrumbs and multi-step instructional applications.
Use CSS3 to realize breadcrumb navigation and multi-step instructions

Category: CSS / Plugins

 

Use PHP to paginate long articles

Author: bamboo06 on 6-10-2016, 12:28, views: 2431

8 When the article content expertise, in order to facilitate reading and page display content we usually paged to display. The general page processing is published in the background when the article will be submitted to generate multiple pages after the static file. In this paper, we will use examples to explain the dynamic use of PHP long page content paging.

Manual paging: the general content in the edit when adding special paging tags, such as {pages}, submitted, the PHP program will process page breaks according to the page break, generate a different static pages. This sort of paging method is accurate, but need to manually add page breaks, a heavy workload.
Automatic paging: PHP program will be set according to the page break the content of the page, and then generate a different static pages. The method is efficient and requires a high tag for handling different html tags.

Category: PHP Scripts

 

Use CSS3 to realize single-page vertical fixed navigation

Author: bamboo06 on 6-10-2016, 11:56, views: 10384

19 More and more developers like to design a single page, especially a product introduction page, with each important part (node) of a page associated with a simple navigation bar. In this example, a page consists of several important nodes, the side of the page will show a number of simple vertical navigation far point, slide the dot will display the corresponding part of the node name, click on the page will scroll to the corresponding part of the node, While the navigation bar position is fixed.
Use CSS3 to realize single-page vertical fixed navigation

When the screen is small enough (such as mobile devices), will display an icon in the lower right corner of the screen, touch icon, it will expand the navigation menu, click on the menu page will scroll to the corresponding node, the effect is very cool.

Category: CSS

 

Tocify: Dynamic Node Contents Menu Builder

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

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: 3220

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: 12839

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

 

Fixed background and scrolling page effect with CSS

Author: bamboo06 on 13-08-2016, 01:54, views: 8811

7 How to create a just simply and none requiring javascript and CSS property of background-attachment can be realized fixed page backgrounds and scrolling effect. We see that there are many project sites use parallax effect, parallax is generated by the dynamic changes and the background image and js script, but today we only need CSS.
Fixed background and scrolling page effect with CSS

HTML structure is very simple, a background image is fixed placement class .cd-fixed-bg div element for a class of .cd-scrolling-bg div element portion for scrolling. We can place multiple .cd-fixed-bg and .cd-scrolling-bg group.

Category: CSS