HTML5, CSS3, and Javascript are the core for building leading edge, standardized websites. But other technologies aid in this as well. The following articles go beyond just the core.

  • Other HTML5 Topics

  • 10 Tips for Writing Code in WordPress Posts

    In this article we look at 10 tips for writing code in WordPress posts. Depending on the nature of your blog, there might be times when you want to use pieces of code (such as HTML, CSS, PHP, or JavaScript) within your posts. The challenge is to make the code appear as code without being executed.

  • Working with Clipboard APIs in HTML5 Web Apps

    In this article, Vipul Patel walks web developers through the basics of the clipboard APIs available as part of HTML5.

  • Working with Cross-Origin Resource Sharing APIs in HTML5

    This article walks web developers through the basics of cross-origin resource sharing in HTML5.

  • Working with the History API in HTML5

    This article walks web developers through the basics of working with the history API available in HTML5.

  • Working With the Drag and Drop API in HTML5

    This article discusses the basics behind drag and drop API - which is new in HTML5 and of interest to web developers.

  • Moboom in Depth

    In this article you'll learn about the basics of creating a responsive site from scratch using the Moboom interface and you'll also be introduced to some of the tools available to you.

  • 10 Mistakes to Avoid When Creating HTML5 Videos

    In this article we look at mistakes made and what not to do when you're coding and building out your HTML5 videos, all of which will slow your video downloads and potentially cost you your online audience.

  • 10 Tips for Creating Fast Loading HTML5 Videos

    In this article we look at ten tips for creating fast loading video. This is crucial because users will only wait for a couple of seconds for your video to load. If it takes longer than that, you run the risk of losing your audience.

  • Review: Flite Design Studio HTML5

    In this review, we look at Flite Design Studio HTML5, a web-based application which allows you to create and manage advertising for desktops, tablets and mobile devices.

  • Building Offline HTML5 Power Web Apps and Offline App HTTP Cache

    This article walks web developers through building web applications that can work offline. In this article, Vipul Patel talks about using offline application HTTP cache to enable the web application to operate in offline mode.

  • Working with HTML5 selector API

    This article walks web developers through the HTML5 Specification 'Selector API', covering the basics and best practices for this extremely useful feature.

  • Testing Your Offline Applications

    Your offline applications need to be thoroughly tested before making them available to the general public. Rob Gravelle reveals some strategies for testing your offline applications, both locally and in a production environment.

  • A Look at OptimizePress 2.0

    In this article we take an inside look at OptimizePress 2.0, which is a theme/plugin which allows you to create squeeze pages, sales pages, a blog, integrate email marketing and more.

  • The AppCache in Action

    In this age of up-to-99.999% up time, it's hard to believe that connectivity would be an issue for online applications, but it is. In the Build an Offline HTML5 Web Application article, Rob Gravelle hinted at the role of the Manifest File in offline applications. In today's follow-up, he goes through the steps required to equip a real life Web application to go offline if necessary.

  • Working With Audio Files in Your HTML5 Pages

    With HTML5, web developers can now play audio files in their HTML5 pages without needing to rely on other components. This article walks web developers through the basics of the audio element.

  • Have a Need to Reference Ancillary Content – Guide to Using “aside” Tag in your HTML5 Pages

    This article walks web developers through the basics of the “aside” markup element, which is used to reference ancillary content in HTML5 web pages.

  • Build an Offline HTML5 Web Application

    If the network or WiFi connection dies, does your HTML5 web application crash and burn? Learn how to keep your app going using application cache.

  • Calling Servlets Using Ajax

    Rob Gravelle demonstrates how to add some jQuery code to handle a button click and upload the user's name to a Java servlet that generates a customized greeting message.

  • Create an HTML5 Desktop Application in the Maqetta Editor

    Rob Gravelle shows how to use the Maqetta WYSIWYG editor to build a calculator that determines years of service based on a start and end date. Specialized dojo controls and methods are utilized to enhance the results.

  • Introducing the Maqetta HTML5 Editor

    Maqetta is an open source initiative of the Dojo Foundation that provides WYSIWYG web development in the cloud or locally. Moreover, it supports drag & drop assembly of live UI mockups, including HTML5 components. In today's article, Rob Gravelle gives Maqetta a once-over to test its design capabilities.

  • HTML5: Winning Developer Hearts and Minds--but With Some Holdouts

    HTML5 and JavaScript are pushing the Web forward and winning over a lot of developers in the process. However, some say tooling could be better.

  • Create an Static HTML5 Web Project in Eclipse

    Eclipse has been the editor of choice for Web Application Development for a while now - especially for Java-powered multi-tiered apps. The Helios release 2 of the Eclipse IDE for Java EE Developers added support for HTML5-specific development. In today's article, Rob Gravelle shows how to setup a static HTML5 Web project in Eclipse Juno.

  • 7 Things to Avoid When Creating HTML5 Layouts

    In this article we're going to look at seven common HTML5 mistakes that people make when creating layouts. Since HTML5 is a new standard, many of these issues will cover obsolete syntax, which is discussed at length, here.

  • Working with Negative PlotKit Chart Y Axis Values

    Rob Gravelle describes how to add the "win/loss" chart type to the PlotKit library. This article will focus on the changes to the Layout.js and Canvas.js files, while the next one will cover the SweetCanvas.js file.

  • Rob's Guide to HTML5 Charting Libraries: RGraphs and Highcharts

    In this first installment of the HTML5 Charting Library series, Rob Gravelle reviews RGraphs and Highcharts, both popular open source libraries.

  • Create Negative, Blur, and Rotate Image Effects Using the HTML5 Canvas

    The HTML5 Canvas element has given Web developers the ability to affect images in the browser much like expensive graphics software like Photoshop. Rob Gravelle shows how to utilize the HTML5 canvas to achieve Negative, Blur, and Rotate effects.

  • HTML5 Microdata: Why You Should Use It

    The web bot, we all know them and love them, those wonderful little spider apps that follow links from one html document to another, collecting information for search engines, companies, and God only know who else. In the past, web bots were content to read your headings and content to decipher what it is that your page is about. Now, you can also annotate your content with specific machine-readable labels in order to take away as much ambiguity as possible for your non-human visitors. Microdata is the key to success here and this article will provide an overview of how to leverage it.

  • HTML5 Audio and Video

    As we move along with previewing some of the features included in HTML5, this article is going to look at the process of embedding audio and video files in an HTML5 page.

  • Customizing Plotkit Chart Axes

    PlotKit is a JavaScript charting library that includes support for both the HTML5 Canvas and SVG. Some chart elements, such as the chart axes, are trickier to customize than others. While there are more than enough properties to set up your axes how you like, getting there may be a challenge. In order to make your task a little easier, Rob Gravelle describes some pertinent properties that contribute to the axes layout.

  • HTML5 Semantics

    In an earlier article we did an overview of HTML5. In this article we're going to look at the changes with HTML5 Semantics.

  • Easy HTML5 Charting with PlotKit

    With browser support for both the HTML5 Canvas and SVG on the rise, it should not come as a surprise that libraries have begun cropping up to help us turn our data into visually dazzling HTML charts. One such library that I recently gave a try is PlotKit by liquidx - aka Australian Google iOS Developer Alastair Tse. This article will discuss how we can leverage this solution in a new commercial app.

  • Fluid Grid Layouts in Adobe Dreamweaver CS6

    We started our series on Adobe Dreamweaver CS6 with our introduction to the industry’s leading website development application. This is the second piece in this series and in it we’re going to take a deep-dive into some of the many new features of this robust suite of tools.

  • An overview of Adobe Dreamweaver CS6

    Adobe released Dreamweaver CS6 on April 21st, 2012. Dreamweaver is the industry's leading application for developing websites and using the bundled PhoneGap integration, you can easily create robust and feature-rich mobile apps. This is the introduction of a multi-part article that will take a deep-dive into the new features of Dreamweaver CS6.

  • HTML 5: AppCache by Example

    Another new HTML 5 improvement for web developers is AppCache. While the name may not be intuitively obvious as to the role of AppCache, once you understand its purpose it makes perfect sense. With AppCache you can selectively cache in the web browser everything from pages to images to scripts to cascading style sheets. In the example and explanations to follow we will explore how AppCache works, what its limitations are, and the benefits of using it.

  • Adobe is Going Into the Cloud in a Very Serious Manner

    Adobe has announced the release date for thier Creative Cloud along with Creative Suite 6. There will be new software and plenty of options for publishing online and for iPad and Android devices.

  • HTML5 Canvas vs. SVG: Choose the Best Tool for the Job

    There are currently two competing HTML graphics techniques vying for your attention. In one corner, you've got the HTML5 Canvas element, in the other, there's Scalable Vector Graphics, also known as SVG for short. So who wins? As we're going to see here today, we do!

  • Responding to HTML5 FileReader Events

    In this tutorial, we're going to delve even deeper into the FileReader's events by adding more detailed progress reports as well as some error handling.

  • Adobe Edge Preview 4: How To Transition Text from Black to Red

    If you haven't heard of Adobe Edge yet, it's Adobe's tool-in-development that allows website designers and developers to create animations using HTML5, CSS3 and JavaScript. In this article we'll tell you all about Edge and how to use it to transition text from black to red.

  • HTML5 Tech: Shared Web Workers Help Spread the News

    I spoke about dedicated Web Workers and covered the basics of their uses, limitations, as well as communication and error handling models.  In today's follow up, we're going to move on to a different kind of Web Worker called a Shared Worker.

  • Create a Bi-directional Connection to a PHP Server using HTML5 WebSockets

    Before HTML5 introduced WebSockets, you had to rely on specialized technologies like Java applets (remember those?!) or, more recently, Flash. In this article, we'll be utilizing WebSockets to write a kind of automated web chat, where the other party is a machine of great intellect, called "Multivac", named after the Chatbot demo of the Google phpwebsocket project.

  • Using HTML5 and the Blueimp jQuery-File-Upload Plugin To Upload Large Files

    One of the most appealing features of the HTML5 File API is that you can pass the file data to the XmlHttpRequest object for uploading to a server, but large files are still a problem. This article explains how to use the Blueimp jQuery-File-Upload Plugin in your web pages so large files can be easily uploaded.

  • The Indispensable HTML5 Boilerplate Website Template

    HTML5 Boilerplate is a must have for web developers who want to take advantage of all that HTML5 has to offer. In this article, we will be delving into the pertinent issues that face developers and how the HTML5 Boilerplate Website Template deals with them.

  • Making HTML5 WebSockets Work

    WebSockets is the most technically challenging HTML5 feature to implement, but for truly interactive websites, it's a technology well worth learning. In today's article I'm going to point out some of the most notable caveats that may hamper you in your quest to master WebSockets.

  • Aptana Studio 3 Guided Tour and Tutorial: Create a Web Project Using the HTML 5 Boilerplate Framework

    Aptana Studio is one of the most comprehensive tools in the free web editor market. In this tutorial, we're going to get better acquainted with Aptana Studio 3 by creating a hypothetical newsletter subscription page.

  • Adobe Edge Tips and Tricks

    I've recently discovered Adobe Edge, a developer's tool for creating animation in HTML5, CSS3 and JavaScript. My experience with creating my own animation using Edge taught me some tips, tricks and bugs to look out for, which I present to you here.

  • Adobe Edge: Creating Regions in Timelines

    In this article on Adobe Edge, we will pick up where our last article left off and will discuss a third mode of animation not yet discussed, which is to create regions in the timeline when you want an animation to take place.

  • Adobe Edge for Web Developers: Using the Timeline

    In the first article in this series, I discussed how to create objects in Adobe Edge and provided a primer on the Properties box. In this article, I will show you how to use the timeline and create an animation using Adobe Edge.

  • A Web Developer Takes Adobe Edge for a Spin, Part 1

    On September 7, 2011 Adobe released preview 2 for Edge, its new HTML5 animation tool. In this series of articles we're going to show you how to use Edge, what it can do, and potential issues you may run into while using it.

  • A First Look at Adobe Edge, an HTML5-based Animation Tool

    Naturally, when Adobe releases a tool that purports to create HTML5-based animations, we had to take a look. In this article we're going to install and try out Adobe Edge, which is currently in "pre-release" form.

  • Introduction to Offline Web Applications Using HTML5

    One of the advantages of building offline web applications is that users can still access and use them without any network connectivity. In this article I will walk you through the offline functionality that is available in HTML5, and provide sample code to demonstrate this feature.

  • Review of Aptana Studio 3

    With the emergence of HTML5, there is a strong need for HTML5 aware IDEs. The California-based company Aptana has stepped up to the plate with version 3 of Aptana Studio. Touted as a "professional, open source development tool for the open web", we'll put it to the test in this review.

  • Making Your Website Fun with Games

    Everywhere you look you find games, games and more games. They are on your cell phone, connected to your TV via a gaming console and everywhere you look on the web. People love their games, even the corny ones. So, why not attract new visitors or keep visitors coming back with some games on your website? We'll show you how to do just that in this article!

  • HTML5 Semantics in Dreamweaver CS5.5

    Prior to the development of HTML5 sematics, building a web page could be a real headache, mostly due to all the <div> elements through the page and little, if any idea what they were. Introduced in Dreamweaver 5. HTML5 starter layouts appeared and in Dreamweaver CS5.5, that continues, as you will see in this article.

  • Five Essential HTML5 Editors

    HTML5 has garnered plenty of attention in the last two years, and for good reasons. The internet as we know it is changing, and HTML5 is at the forefront of those changes. If you are eager to jump into the HTML5 mix, you will be interested in the tools we have found for creating websites and web apps using HTML5.

  • The Dangers of HTML5: WebSockets and Stable Standards

    New HTML5 technologies like WebSockets offer some amazing new opportunities for Web developers.  But they also show how implementing unstable standards may cause more harm to a site than the benefits of the technology. What is the role of browsers and how should developers plan for when developing with HTML5?

  • Top 10 HTML5 Resources for the Web Developer

    HTML5 has become the latest buzzword for the internet industry, and many folks believe it's the future of the web. In this article we'll tell you about 10 HTML5 resources that will allow you to begin using the technology right now.

  • HTML 5 Features: What Web Developers Can Use NOW

    There are several articles that list some important upcoming features of HTML5, which can work on certain browsers. This tutorial for the web developer will show you how you can use certain features of HTML 5 NOW!

  • Web Development Newsletter Signup

    Invalid email
    You have successfuly registered to our newsletter.
  •  
  •