» Articles for October 2014 Year » page 2

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

Use the HTML5 Audio tag to create Audio Player in web

Author: bamboo06 on 29-10-2014, 02:30, views: 2444

2 Currently, there is no standard way on the WEB page to play audio files, most of the audio files is to use the plug-in to play, but many browsers use different plug-ins. The arrival of HTML5, give us a standard way to play WEB audio files, users no longer upgrades such as Adobe Flash, Apple QuickTime Player and other plug-in for your browser, simply use a modern browser can listen to whatever can be issued sound WEB site.
Use the HTML5 Audio tag to create Audio Player in web

Category: HTML5

 

HTML5 video tag video

Author: bamboo06 on 29-10-2014, 02:11, views: 2491

2 At this stage, we want to embed in a web page the most reliable and the most common way is to use video Flash, through the use of object and embed tags, you can play swf, flv format video files through the browser, but the premise is the browser must be installed first tripartite plugin: Adobe Flash Player. The arrival of HTML5 change the fact that, WEB developers only need to use video tag you can easily load the video files without the need for any third-party plug-ins.
WEB will be able in the future to any terminal, any platform simply by the HTML5 [video] tag will be able to achieve load the video file.

Category: HTML5

 

Cross-browser compatible HTML5 video and audio player

Author: bamboo06 on 29-10-2014, 01:48, views: 6420

7 The HTML5 video and audio tags are used to join the video and audio tags in the page, with the support html5 browsers do not need to be pre-loaded Adobe Flash browser plug-in will be able to quickly and easily play video and audio files. And html5media.js can make video and audio tags take effect on the browser does not support html5.
Cross-browser compatible HTML5 video and audio player

Use html5media.js can be viewed on all browsers html5 video and audio files, which make up the lower versions of IE browser does not support the [video] and [audio] tag, you only need to load html5media.js use the [video] and [audio] tag will be able to cross-browser play video and audio.

Category: Javascript / HTML5

 

Floating right fixed layer of the page with back to top with two-dimensional code functions

Author: bamboo06 on 28-10-2014, 04:22, views: 5611

1 The mobile Internet era, we can pass the information "sweep swept away" feature to easily get in the mobile terminal needs. Today I have to share a WEB function, it is a small floating toolbar on the right side of the page, we can use it to quickly locate the page up and down position, you can eject the micro-channel or two-dimensional code page address two-dimensional code, so like in the phone read on mobile devices and other friends easy access to information.
Floating right fixed layer of the page with back to top with two-dimensional code functions

HTML
First, we prepared the right side of the floating layer content, toolbar has up and down arrow button, and then a "feedback" link, you can click on the feedback information page of your site, there is a two-dimensional code button will pop up a two-dimensional slide on mouse code picture, then we use the two-dimensional code .popPanel to place pictures, .arrowPanel is used to make the direction of the arrow. In this example, I use a background image as a toolbar, the practical application of course we can also add more functions in accordance with the actual needs of the button.

Category: Javascript / CSS

 

Use PHP to generate two-dimensional code

Author: bamboo06 on 28-10-2014, 03:42, views: 2844

11 With the advancement of technology, two-dimensional code applications more widely, before the site has article describes using jQuery plugin to generate two-dimensional code, and today I share with you how to use PHP to generate two-dimensional code, and how to generate two-dimensional code in the middle with LOGO image.
Use PHP to generate two-dimensional code

Use Google API to generate two-dimensional code
Google offers a more comprehensive two-dimensional code generation interface, call the API interface is very simple, the following is the calling code

Category: PHP Scripts / Javascript

 

Use jquery.qrcode to generate two-dimensional code

Author: bamboo06 on 28-10-2014, 01:57, views: 5597

1 Two-dimensional code applications have penetrated into living and working among us, you only need a mobile phone in front of the two-dimensional code "sweep swept away" to get the corresponding information to help us understand the business, shopping, viewing and so on. This article will introduce a two-dimensional code generation based on jquery plugin qrcode, calling the plug-in page will be able to generate the corresponding two-dimensional code.
Use jquery.qrcode to generate two-dimensional code

qrcode actually realized by using jQuery graphics rendering, drawing support canvas (HTML5) and the table in two ways

Category: Javascript

 

Digital alarm clock by HTML5

Author: bamboo06 on 27-10-2014, 04:43, views: 10753

11 The last sixth article, we describe how to create a digital clock, and today I want to tell you in this article to set the alarm to sound capabilities increase digital clock basis. As used herein, the HTML5 audio element to a call ringing audio.
Digital alarm clock by HTML5

Want to extend the effect of the digital clock alarm clock, there is a need to do, one thing is to have set the alarm bells a time that can edit interface; second, per listener whether the alarm time, if you pop into the ring time reminders and play ringing audio.

Category: Javascript / HTML5

 

4 amazing ad banners/slideshow/rotator for your site

Author: bamboo06 on 27-10-2014, 03:59, views: 2948

3 1 Layer - jQuery Ad Banner / Slideshow
4 amazing ad banners/slideshow/rotator for your site

Features:
Full Customizable
Set Start / Stay time for each layer
Set Easing In / Out Type
Set Animation Speed
Cufon font support
Set number of preload images
Enable / disable play pause button
Option to add Replay button
Support relative path
Support unlimited layers

Category: Javascript

 

6 useful blog post displaying plugins for wordpress - free to premium

Author: bamboo06 on 27-10-2014, 03:42, views: 16148

40 1 Easy Post Display
6 useful blog post displaying plugins for wordpress - free to premium
Both shortcode and widget supported,Support Post, Page and Custom Post, Ajax support, Hide Image Feature

Category: Wordpress / Plugins

 

To achieve the effect of tooltip message only by CSS

Author: bamboo06 on 27-10-2014, 02:54, views: 5817

2 We sometimes detailed explanation for some of the content on the page for a more user-friendly service. The most common is to add a user on the site use the help, but generally need to jump pages. Today I will give you just slide the mouse on a small question mark, help prompt results will appear.
To achieve the effect of tooltip message only by CSS

In fact, this article is to share our information tools common to the prompt tooltip, it can provide a very nice message for our page, make content more intuitive and enhance the user experience. We can be found at many online articles about the tooltip, javascript majority is provided based on the plug-in, but in this article we want to say is a CSS code only, without any plug-ins will be able to achieve beautiful, simple, and use information tips Tooltip .

Category: CSS