HTML5 is the future of web and developers need it to make work faster and easier. If you haven’t used HTML5 yet, here are some reasons I learned from content writer and blogger Samith Jhon on why you should start now: Use in mobile technology. Today’s technology now includes mobile devices as a mainstream tool [...]
You must have probably encountered a lot of captcha phrases when you visit a site and somehow it gets in the way. It even gets too annoying if these phrases are unreadable. Good thing there are alternatives and here’s one that you’ll definitely find cool. These captcha alternatives are HTML5 mini-games called the PlayThrus. The [...]
Inpage editing is probably the simplest, if not most straightforward, approach there is when it comes to editing web content. Can you imagine yourself not having to switch between HTML and live view anymore and hitting ‘Refresh’ every time you make any changes to font faces or page layout? I mean, think about how much [...]
There are many tutorials on how to create image galleries and one of these that I found easy to follow is by Jake of Vandelay Design. His creation of making a standard-compliant HTML/CSS3 image gallery with dynamic fading caption text is a great addition to your design projects. In his tutorial, the CSS3 part is [...]
Here’s a fresh tutorial by the guys at Script Tutorials about developing a sleek musical dropdown menu with HTML5 and CSS3. This navigation menu has CSS3 animation effects and an HTML5 Audio element was used in adding music to the menu. Follow the simple steps below: Step 1 HTML <ul id=”nav”> <li><a href=”#”>Menu element</a> <ul> [...]
If you’re a music freak like me who likes having an audio player in your site, here’s a streaming audio player I’ve discovered that you can use. Called the HTML5 Audio Player Bookmarklet, it allows you to play audio files on your site. The file formats that are supported depend on the browser you use. [...]
Today’s tutorial I’ll be featuring is from Andrew of Script Tutorials. It’s an animated 3D Cube slideshow which makes the cube rotates continuously. Below are the codes to follow: HTML Index.html <!DOCTYPE html> <html lang=”en” > <head> <meta charset=”utf-8″ /> <title>HTML5 3D Cube Slideshow | Script Tutorials</title> <link href=”css/main.css” rel=”stylesheet” type=”text/css” /> <script src=”js/script.js”></script> </head> [...]
Here’s a nice flipswitch generator I’ve just stumbled via Franklin Manuel’s post. This On/Off Flipswitch uses CSS3 and HTML5 which you can easily customize. It supports all major web browsers that include Mobile safari and Android web browser. CSS .onoffswitch { position: relative; width: 90px; -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none; } .onoffswitch-checkbox { display: none; } [...]
Martin Angelov shares with us a great tutorial on creating a beautiful HTML5 portfolio that is powered by jQuery and Quicksand plugin. It has a nice design which is great for your work and is highly customizable too. Here’s how it goes. HTML Index.html <!DOCTYPE html> <html> <head> <meta charset=”utf-8″ /> <title>Making a Beautiful HTML5 [...]
In today’s feature, we bring you Jim Hoskins’ great technique on how you can create vector masking using HTML5 canvas. First, set up the canvas tag: <canvas id=”c” width=”200″ height=”158″></canvas> Next, get the canvas and its drawing context in JavaScript: // Grab the Canvas and Drawing Context var canvas = document.getElementById(‘c’); var ctx = canvas.getContext(’2d’); [...]
0
506
