» Articles for November 2015 Year

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

Pure CSS3 to achieve cool mouseover effect

Author: bamboo06 on 25-11-2015, 00:50, views: 3018

2 In this paper, without the need to introduce any javascript code that uses only pure CSS3 and HTML to realize cool mouseover effect. When the mouse hovers over the target element, it can achieve a common line change, flip, zoom, slide animation, etc. effect.
Pure CSS3 to achieve cool mouseover effect

We put a picture in .he_border1, and list caption information.

Category: CSS / HTML5

 

Use the mouse wheel or sliding gestures to browse the page node section by scrollify

Author: bamboo06 on 25-11-2015, 00:11, views: 5300

5 Sometimes we need to do a single-page presentation product characteristics, while the single-page and page content is very much very long, in order to quickly locate the product characteristics node, we use user wheel events js listener, wheel slip or slide triggered by the user when using the touch screen gestures, you can navigate to the appropriate node. A jQuery plugin called Scrollify is found.
Use the mouse wheel or sliding gestures to browse the page node section by scrollify

Scrollify need jQuery 1.6+ and animation easing plug with buffer to achieve. HTML basic structure is as follows.

Category: Javascript / Plugins

 

Use fakeLoader.js to create page loading animation

Author: bamboo06 on 24-11-2015, 23:38, views: 8599

6 fakeLoader.js is a lightweight jQuery plugin which can help us to create a full-screen transition animations load, when the page is loaded, display the loading animation, when the content of the page finished loading animation disappears to display the page.
Use fakeLoader.js to create page loading animation

HTML
We only need to add the following code on the first line of the [body].

Category: Javascript / Plugins

 

CacheBrowser: CDN content caching Internet use

Author: bamboo06 on 24-11-2015, 01:04, views: 2416

3 As solidot reported in October this year, the University of Massachusetts Amherst researchers have proposed a proxy server does not require access to the Internet system CacheBrowser, get bypassed DNS interference directly from content hosting one CDN provider's server shielding content. The advantage of this approach is that under load delay was much smaller than the Tor of class methods, but the drawback is only applicable to the use of CDN is blocked sites, and fortunately most large websites are blocked in China are using the CDN.
CacheBrowser: CDN content caching Internet use

But the Internet is evolving, more and more sites start using CDN hosted content, improve content access performance, reliability and security. IP masking traditional website content is valid, but for CDN hosted content, reviewers can not simply be masked, because this will bring huge collateral damage.

Category: Internet

 

Achieve responsive data table by CSS3

Author: bamboo06 on 24-11-2015, 00:48, views: 2786

1 Designing responsive page, the hardest part is processing table, data table design as an indispensable element, plays an important role in the data application projects, but to get a table really a little trouble to adapt to various screen . This article will use examples to demonstrate how to use CSS3 to achieve responsive data form.
Achieve responsive data table by CSS3

When the screen is small enough (such as mobile phone screen) that is less than the minimum width of the table, if not responsive handling, it will scroll horizontally, you need to manually move the magnified portion of the screen to see beyond such experience is poor. Our solution is to use CSSmedia queries to detect screen size, when the screen size is small enough, re-layout table form.

Category: CSS / HTML5

 

Beautiful and practical tip box plugin - SweetAlert

Author: bamboo06 on 8-11-2015, 22:07, views: 3734

2 SweetAlert can replace the native function alert and confirm showing the pop-up boxes, it will prompt box landscaping, and allows customization, support setting the prompt box title, alert type, content display pictures, confirmation cancel button text, click after the callback function, etc.
Beautiful and practical tip box plugin - SweetAlert

First we have to put SweetAlert widget js files and css files into the page.

Category: Javascript

 

Usage of setTimeOut and setInterval timer in Javascript

Author: bamboo06 on 5-11-2015, 05:15, views: 2897

2 SetTimeOut and javascript setInterval function application is very wide, they are used to deal with the delay and timing of tasks, such as web pages for some time after opening up a login box, page every so often to send an asynchronous request to obtain the latest data, and so on. But their application is different.
Usage of setTimeOut and setInterval timer in Javascript

setTimeout () method is used to evaluate the expression or function call after the specified number of milliseconds, while setInterval () is in the specified number of milliseconds every cycle calling function or expression, clearInterval until it clears. That setTimeout () only once, setInterval () can be executed multiple times. The same parameters of the two functions, the first parameter is the code or handler to be executed, and the second is the number of milliseconds delay.

Category: Javascript

 

Powerful response parallax animated image sliding transition effects

Author: bamboo06 on 5-11-2015, 04:48, views: 8396

65 This is a very powerful plug-in content switching, which is based on jQuery, its full response, support for mobile devices, support for mobile touch, keyboard flip; it built slide, video playback timer, it has a variety of modes: Custom, automatic in response, full-screen; it has a variety of animation, 3d effects ... in short, you think the effect of it all done, it's called Slider Revolution.
Powerful response parallax animated image sliding transition effects

Slider Revolution is a jQuery plugin-based, use it when you need to load the jQuery library file, and Slider Revolution dependent css and js files.

Category: Javascript