As you know, audio visualization is that psychedelic or kaleidoscopic animation you see while listening to your MP3s on media players like Windows Media Player and Winamp. Well, for today’s featured tutorial I’d like to share with you all something from Senior Interactive Developer Nick Jonas. It’s a tutorial that will not only teach you [...]
Looking for a design for your online store website? Here’s a very nice layout that’s well-suited for product online selling websites, called the ‘E-Store’. This is a single-page layout designed by a web designer at Script-Tutorials in which HTML5 and CSS3 features are used so it is easier for all website owners to modify. The [...]
Finally, there’s no need for you to upload a PowerPoint (.pps) file and embed a code on your webpage just to be able to display a slideshow presentation. Here’s a great script I found over at AjaxShake that’ll teach you how to create an amazing slideshow in an HTML5 environment! The code is created by [...]
Web developer Christian Heilmann‘s CSS3 and HTML5-based ‘sticky note effect’ will add a quirky yet utilitarian touch to your website design. However, this works best on the latest Webkit browsers, Chrome, Opera, Safari and Firefox. With other browsers, you’ll get only the standard yellow squares. Click on the notes to try out the demo, and [...]
Here’s a shortlist of five simple yet cool HTML5 effects that can add life to your website! No images and JavaScript are necessary, as all of them are accomplished using only a combination of HTML5 and CSS3. 1. CSS3 Loading Animation A very basic loading animation. CSS code: <style type=’text/css’> @-webkit-keyframes rotate { from { [...]
It used to be that shifting an image from grayscale to colored and vice-versa as you hover over it required 2 copies of the said image — one in grayscale and the other in color. But thanks to Darcy Clarke for the JavaScript & HTML 5 grayscale in this tutorial, this feat is easier and [...]
One of the latest languages in web development that has created a buzz among users is HTML5. Combined with CSS3, it produces web design tools that are innovative, useful, user-friendly, and even fun. I’ve gathered a list of free templates below which use HTML5 and CSS3 supplemented with other features like jQuery. These templates have [...]
Cuepoint.js is an open source jQuery plugin for adding subtitles to your HTML5 video. To implement this plugin is pretty simple. Simply pass in an object containing your slides to the cuepoint.init method. Incoming search terms for the article: Cuepoint JS how to synchronie slides with video in jquery jquery cue points jquery cue webm [...]
Remember that awesome music player psd created by Orman Clark?, The guys from codebase is create html5 music player plugin for jQuery by using this psd file. This jQuery plugin allow you to build your own playlist. The playlist uses the same format with jPlayer (an array of objects. However, this plugin requires you to [...]
Droparea is a HTML5 drag and drop image file uploader jQuery plug-in and a php script for server-side. Simply drag the image file into the specified area, the image will be automatically uploaded to your server. You can also see the progress of the upload too. Droparea has been tested on Google Chrome and Mozilla [...]
0
1398
394
