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

Tips about the file upload

Author: bamboo06 on 16-11-2017, 22:45, views: 29

1 File upload WEB development in a wide range of applications, we often send microblogging, send micro-channel circle of friends have used the picture upload function. File upload refers to the process of uploading local images, videos, audio files to the server for other users to browse or download. Today, I talk to you about the common file (picture) upload methods and points to deal with.
Tips about the file upload

Category: PHP Scripts / Javascript / Plugins / Internet

 

Use PHP to generate short URLs

Author: bamboo06 on 9-04-2017, 00:40, views: 1820

1 The normal site to bring the kind of parameters may be very long, especially in the printing of paper products such as corporate brochures to be printed on a long url, then very ugly, and few people will go to remember this site, Although it is now possible to use a two-dimensional code to open a long URL. But people can use short URLs to achieve beautiful links, especially those with limited number of applications such as microblogging.
Use PHP to generate short URLs

Short URL implementation principle is that there is a data table configuration file will be short URL and the actual URL corresponding, when a short URL request, the program jump to the corresponding actual URL up, in order to achieve the URL of the visit.

Category: PHP Scripts / Plugins

 

HTML5 - based video player with barrage function

Author: bamboo06 on 14-12-2016, 01:23, views: 1177

9 Danmmu Player is a barrage of Html5 video player. When we watch the video, you can express their views on the video, when you click the Send button, the content will be published in the video screen in the form of paintball issue, and do rolling animation, video barrage function.
HTML5 - based video player with barrage function

Category: Javascript / HTML5 / Plugins

 

Use pure CSS to beautify radio and checkbox

Author: bamboo06 on 14-12-2016, 00:48, views: 777

2 Radio box and checkbox need to beautify it? Of course, the original style of the same century has been unable to meet the needs of our customers. Form a lot of controls need to beautify, we have to do with javascript landscaping, but also directly to the use of CSS to beautify, and today I introduce you to use pure CSS to achieve radio and checkbox landscaping.
Use pure CSS to beautify radio and checkbox

We know that many of the ways to use JS to beautify the form controls are not very satisfactory, with the introduction of js and css, and some even use pictures and font icons, but also rely on jQuery, and complex, poor maintainability.

Category: CSS / Plugins

 

Small Font Icon Application

Author: bamboo06 on 4-12-2016, 01:32, views: 766

3 We know that loading small icons on the page there are many ways, such as we use more is css sprite background image positioning, is to integrate a lot of small icons to a large map, and then use CSS to locate the background. There is also a more modern way is to use font font icon, which uses the @ font-face principle to load the icon font library, and then call the icon.
Small Font  Icon Application

Use css sprite is very convenient way, you can have a lot of colorful icons, and compatibility is good, but the drawback is that the icon can not be scaled, or the zoom will be distorted, another maintenance is not convenient, modify an icon on the whole picture to modify , And the positioning of pixels need to use tools such as PS to determine the location.

Category: Javascript / CSS / Plugins

 

Large image loading optimization solution

Author: bamboo06 on 4-12-2016, 00:35, views: 800

8 We browse the page to load a large size picture, the picture size is relatively large, we will see the browser to load the picture from top to bottom when the picture will be displayed until the picture is complete on the page, so that the image from the blank area To fully loaded process is more unexpected, the user experience is relatively poor.
Large image loading optimization solution

We use the solution is to first load a small thumbnail, it may only 1K or so, and according to the required size of fuzzy display, wait until the large size of the picture to download a good and then complete the show large picture. This gives the user the feeling is to load the fuzzy picture, and then become clear picture, picture loading process fluently, greatly improve the user experience.

Category: Javascript / CSS / Plugins

 

Simple jQuery image annotation effect

Author: bamboo06 on 4-12-2016, 00:18, views: 784

8 In some e-commerce sites and home sites we will see this application, a picture shows a variety of products, click on each product can pop up a simple description of the corresponding goods, including prices, etc., greatly improve the user experience , Today we give examples to share the use of jQuery plug-ins to achieve this effect.
Simple jQuery image annotation effect

Category: Javascript / Plugins

 

ECharts a real estate sales customer funnel map

Author: bamboo06 on 28-11-2016, 02:59, views: 1012

7 Funnel diagram for business processes more standardized, long cycle, links and more process analysis, through the funnel of all aspects of business data comparison, to visually identify and explain the problem. In the e-commerce website analysis, usually used for conversion rate comparison, it can show the user from entering the site to achieve the final conversion rate of purchase. In CRM, the customer sales funnel chart is used to show the customer conversion comparisons at each stage.
ECharts a real estate sales customer funnel map

This paper demonstrates the use of Echarts examples of the sale of a real estate customer funnel plot, through the funnel chart to visually demonstrate the conversion rate of each stage. For the sales process to produce four stages of customer types, such as potential customers - the intention of customers - the negotiation phase - signing. The four stages of data will be a funnel-shaped. Another simple description is that there are 100 customers to see real estate, and ultimately have 20 contract to buy, and the remaining 80 may have to look at some of it, some want to buy but for some reason to give up the purchase.

Category: Javascript / HTML5 / Plugins

 

ECharts, a pure Javascript charting library

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

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

14 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

 
Previous Next