Explore the Articles

HTML5

Make Disaster-Proof HTML5 Forms

How many times have you been in the middle of meticulously typing information inside a form and – BAM! – the browser crashed? Shwetank Dixit bets it’s happened a few times at least. And when it has, you’ve had to open the browser, go to the URL again and enter all that information one more time – hoping the browser doesn’t crash again a few minutes later. Various things can and do go wrong every day when filling in online forms. The browser may crash, your internet connection can barf at the wrong moment (especially on dial-up or flaky Wi-Fi), or you could even accidentally close the page yourself.

Read More
HTML5

Displaying the Progress of Tasks with HTML5

With the progress element, HTML5 pages can display the progress of a task, for example a download or background activity. In this tutorial Sue Smith will demonstrate how to use the progress element in your pages, with a simple JavaScript function updating the element as the task executes. At the moment the progress element is only really supported in Firefox, Chrome and Opera, with support developing in Internet Explorer and Safari, so you can’t rely on it just yet.

Read More
HTML5

Add Some Pizzazz to Your Text Boxes

Most online text entry fields, including text boxes and search boxes, look exactly like the name implies — very “boxy”. Relatively few website owners have availed themselves of the latest coding advances to incorporate subtle touches into their form elements to create an entirely new look. With HTML5 and CSS3, powerful, yet simple coding tools will now allow for speedy and effective appearance upgrades for all types of boxes.

Read More
HTML5

Creating a Slider Control With the HTML5

HTML5 introduces a range of new form elements and functions, including the range input type. With the range input element, you can create sliding controls for your site users. There are a number of options to choose from in terms of configuring your range inputs, such as defining the range values and steps. With a little JavaScript, you can capture and respond to user interaction with the range slider control.

Read More
HTML5

45 Free HTML5 And CSS3 Templates

The first thing web developers consider when they need to create an extremely stylish and trendy website is CSS3 and HTML5. This is because of the functionality and features they offer and why HTML5 and CSS3 are a major topic for web designers. Taking this into account, Jameel Khan thought to compile another fresh and cool collection of some professional HTML5 and CSS3 templates. So, here are 45 free, but fresh, templates that you can download.

Read More
HTML5

How To Build A Real-Time Commenting System

The Web has become increasingly interactive over the years. This trend is set to continue with the next generation of applications driven by the real-time Web. Adding real-time functionality to an application can result in a more interactive and engaging user experience. However, setting up and maintaining the server-side real-time components can be an unwanted distraction. But don’t worry, there is a solution.

Read More
HTML5

15 Great HTML5 and CSS3 Generators

HTML5 and CSS3 are great languages to start off learning with, and Dain Miller has always thought that one of the best ways to start learning is to just dive in and manipulate the code. As you could probably tell, this is where generators step in. They are a great way to generate some code, play with it, and learn. Not only that, they are incredibly useful because often times as a developer or designer he finds he is doing things over and over again.

Read More
HTML5

Toying With the HTML5 File System API

HTML5 provides us with a whole crop of new possibilities, such as drawing with canvas, implementing multimedia with the audio and video APIs, and so on. One of these tools, which is still relatively new, is the File System API. It gives us access to a sandboxed section of the user’s local file system, thus filling the gap between desktop and web applications even further!

Read More
HTML5

How to Make an HTML5 iPhone App

You’ve been depressed for like a year now, Alex Kessinger knows. All the hardcore Objective-C developers have been having a hay-day writing apps for the iPhone. You might have even tried reading a tutorial or two about developing for the iPhone, but its C—or a form of it—and it’s really hard to learn.

Read More
HTML5

Convert a 3D Portfolio Dark Layout From PSD to HTML

In this article you will learn how to convert a 3D Portfolio Dark Layout from PSD to HTML in a detailed step by step tutorial. You will learn how to create this layout by using a CSS framework, some CSS styles and Javascript into a valid HTML/CSS, cross browser compatible and dynamic layout. Ahmad Hania hopes that you can go through this tutorial and learn a few techniques that will help you in future projects.

Read More
Newer articles Older articles