Speakker is one of the great players that you can integrate in your site. Setting it up is very easy and has customization options, unlimited colors, and flexible dimensions. It is cross-browser compatible that features the technology of Projekktor and has Flash fallback for old browsers. It comes with light and dark themes with optional [...]
Today’s featured tutorial is written by Valeriu Timbuc from DesignModo, which teaches you how to create a video player using a combination of HTML5, jQuery, and CSS3. The look and feel of the video player is based on Vladimir Kudinov’s Impressionist UI design, which of course, we’re going to recreate using CSS3. As for the [...]
Aaron Lumsdenshares a nice tutorial on how you can create your own customized audio player using HTML5. Since Adobe may not support Flash for mobile, here’s a great alternative if you want to include an audio player to your project. Simple HTML5 Audio Add the code below to your HTML5 document <audio controls=”controls”> <source src=”track.ogg” [...]
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 { [...]
Turn.js is a jQuery plugin that’s inspired by the effect found in iBooks and Maps for iOS, which simulates the act of flipping through a book’s pages. As described by creator Emmanuel Garcia, this effect will go well with sites about books, magazines, or any reading material. Click on the image below for the demo. [...]
Sometimes reading a table’s long and numerous columns can be quite a very cumbersome and tedious task. You want your readers to immediately see the whole picture once they glance at your table’s contents. This is where Design Chemical’s Data Heat Map can help. When you’re dealing with hierarchical and/or numeric data, or data with [...]
0
511
