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

  • Web Design Trends to Watch in 2020

    Explore some interesting trends in machine learning, automation and design, along with methodologies such as speculative design.

  • Getting Started with Elm

    Elm is a strongly typed, functional language that compiles for JavaScript, HTML, and CSS. Diogo Souza walks you through and introduction and a simple example.

  • Creating a Free Bot with IBM Software

    Learn how to create a free cognitive web bot using IBM software.

  • How Laravel Speeds Up App Development

    Laravel is an open-source PHP framework for creating web applications more quickly than developing a web app from scratch. Rob Gravelle presents two ways to work with Laravel: first, on its own, then within the Laravel Homestead Virtual Machine environment.

  • Tools for Building Backlinks

    Learn more about several tools for building backlinks without damaging your SEO value.

  • Working with Camtasia Studio 9 and HTML5

    Learn how to output compressed MP4 files with Camtasia Studio 9 and use them with the video attribute in HTML5.

  • How to Get 10,000 Pageviews in a Week

    You've built your site, but how do you get traffic? Can you get 10,000 pageviews in a week? Bradley Jones goes over some things you need to do.

  • Top 10 Web Design Trends for 2018

    Take a look at ten different web design trends for 2018, as presented by top designers from around the world.

  • Best Practices for Inlining Frames in HTML Pages

    The <iframe> tag is an inline frame that is used to insert an HTML document into another HTML document within a rectangular perimeter inside the page. Learn more about how this is done and what pitfalls to avoid.

  • Best HTML5 Website Builders for eCommerce in 2017

    In previous articles, we listed just a few of the best online website builders in 2017. In this installment, Rob Gravelle focuses on sites specifically devoted to eCommerce.

  • 5 Great Tools to Help You Build Your Own HTML5 Forms

    Learn more about some of the most important tools used for creating HTML5 forms. Cristian Ionescu guides you through some of the form and resource design tools to help you optimize your Web form designs.

  • Storing Geo-Positioning Data with Google Maps, Node.js and MongoDB

    Check out this example of how to create a passenger list that includes geo-positioning data with the help of the Google Maps API, MongoDB and Node.js.

  • A Few of the Best Online Webmaster Tools

    One of the coolest trends is the emergence of online tools. In this follow-up, Learn about a few tools that are of particular interest to webmasters.

  • Amp Up Your Responsive Design Skills

    Learn how to create an optimal user/viewer experiences across multiple devices by employing responsive design concepts to your Website.

  • 10 Things You Must Know When Creating Responsive Web Layouts

    Standards and best practices have been developed over time that help you to design better websites. Here are 10 things you must know to keep your site responsive.

  • Implementing an HTTP Web Server in Node.js

    Take advantage of Node.js, an open source JavaScript environment, to build a minimalistic web server with ease.

  • Build a Custom HTML5 Audio Player with a File Selector

    Explore how to create a custom HTML5 Audio player that loads music from the user's device using a file input control.

  • Best HTML5 Website Builders for Webmasters in 2017

    In this follow-up to the "Revolutionary HTML5 Online Website Generation Tools: SILEX, Weebly, and Wix" article, Rob Gravelle examines a few more popular online website generation tools (a.k.a. website builders), namely Website Builder, Simbla, and SiteKreator.

  • Top 3 Obsolete HTML5 Features

    Since HTML5 became a W3C Recommendation in October of 2014, a few features were removed from the spec, effectively rendering them obsolete. Rob Gravelle presents three such features.

  • Top HTML5 Features: Simplified Script Tags, Autofocus, and More

    In part 2 of the Top HTML5 Features series, Rob Gravelle presents a few more great additions to the HTML spec, including simplified script and link tags, the autofocus feature, and more.

  • Revolutionary HTML5 Online Website Generation Tools: SILEX, Weebly, and Wix

    Online "no code" website generation tools can be accessed from any device, where ever you are, and that they enable you to create a great site without needing a lot of programming or coding knowledge. Rob Gravelle presents three of the most popular: SILEX, Weebly, and Wix.

  • Top HTML5 Features: DOCTYPE, FIGURE, and Form Enhancements

    HTML5 has been around long enough for us to take a close look at what its original intent was and if it has met the challenge.

  • Specifications that Have Broken Away from the HTML5 Core

    As the Internet has grown into what it is today, the HTML specification evolved with it. Some of the many changes to the HTML5 spec were outlined in the The HTML5 Spec: What's In and What's Out? article. In today's follow-up, Rob Gravelle demystifies the dozens of periphery working groups that produce specs that are not part of the core HTML5 Spec.

  • How to Create HTML5 Video in 5 Steps

    In this article, we look at 5 steps necessary for successful implementation of video in your browser.

  • 5 Steps to Create an HTML5 Video

    If you've been wanting to add HTML5 video to your web pages, this guide shows you how, along with some best practices for creating quality video.

  • Creating Beautiful Charts Using jQuery

    jQuery is no doubt one of the most popular JavaScript libraries out there. It makes accomplishing certain tasks so much easier. So today I am going to walk you through the process of creating interactive charts for your website using jQuery.

  • Adobe Muse CC and Animate CC Updates

    Two of Adobe most popular tools have both received a major overhaul which means big news for Flash developers converting to HTML5 leveraging Animate CC and Responsive design is now available in Muse CC plus lots more.

  • Display a Thumbnail using the Vaadin Application FileUpload Control

    In the follow-up to the Handling Events in Vaadin Mobile Applications article, Rob Gravelle demonstrates how to use the Component.Event to load and display an image selected by an UploadField control.

  • Adding HTML5 Charts to Your Website

    The amount of data continues to increase and making sense of it has become a very specialized job requiring tools that allow us to visualize that data in order to make sense of it. In this article, Vikas Lalwani takes us into the first part of our deep dive into just such a tool that allows us to leverage the power of HTML5 in order to visualize and properly represent our data.

  • Html5 and Bootstrap, a Recipe for Development Success

    With the advent of the technology in the previous years the world of web development has seen major revolutions. The introduction of Html5 as an advanced markup language is one of these marvelous additions in the field of web development. During the previous 8 months, after its first release ,Html5 has rapidly become the most popular markup language among web developers. The outstanding features, the ease of coding and the ability to run offline applications are the main characteristics of Html5 and the prominent reasons for developers to use it.

  • Developing a 2D Game? Here’s why HTML5 is the Best Choice

    2D Game development has become a fine art with all the advantages now available to developers and especially those over Flash. Everything from free tools to advanced technology, Kashif Nazir explores some of the real-world advantages of using HTML5 to develop your next 2D Game.

  • Advanced HTML5 Game Development

    When we talk about interactive advanced games with attributes to play on desktop, tablets and mobile phones, HTML5 is the language that comes to mind.

  • Web Page Scraping with Jsoup

    Web Scraping is a technique whereby you extract data directly from website content. Rob Gravelle describes how to load a Web document and iterate over its hyperlinks using the Jsoup Web scraping library for Java.

  • Bootstrap Component Tour: Navbar and Grid

    Bootstrap is an HTML, CSS, and JS framework for building responsive designs that adapt to PCs, tablets and mobile phones with little or no customization on your part. Rob Gravelle presents an overview of Bootstrap components starting with the Navbar and Grid.

  • Developing Basic 2D Games with HTML5 – Intro

    Take a look at the roots of HTML5 2D game development, its lead over Flash and the advances in programming with a far superior and versatile tool set.

  • HTML5 Tips for Optimizing Speed

    HTML5 delivers many great features and benefits and one of the most often overlooked features is SEO optimization and it's ability to increase page load times and decrease server loads is the very subject of today's HTML5 development article.

  • HTML5 Canvas: What Is It?

    So you fancy yourself a digital artist? Want to display some of those skills on the Internet? Maybe your hands are a little shaky and you are better at painting by numbers (literally) than with an artist's tablet. If so, you are in luck, because HTML5 has an element known as canvas. Read on.

  • HTML5 Game Development Overview and Resources

    So, you have finally decided to take the plunge and develop the next big video game. Read on and James Payne will show you where to start.

  • HTML5 Game Developer Tips

    In this HTML5 game development tutorial, we are going to look at some best practices and tips to consider when making that next hit video game.

  • HTML5 and SEO Myths

    In this blog post, we look at some common HTML5 and SEO myths and seek to debunk them.


    From Web Workers to Web Storage, this article will take a look at some of the most common HTML5 frequently asked questions (FAQ).

  • How to Provide a Good HTML5 Video Experience

    In this article you will learn how to shoot high-quality video for HTML5. You will also get a basic introduction to formatting HTML5 video for the browser.

  • There's More than One Way to Play Embedded YouTube Videos!

    There are many options that control the appearance and behavior of embedded YouTube videos, beginning with the player. In today's article, Rob Gravelle explores how to select amongst several different video players to customize your embedded YouTube videos.

  • 7 Camtasia Studio Tips for HTML5 Video

    In this article we look at 7 tips to improve your HTML5 video experience with Camtasia Studio and give you video results which will play well across all devices.

  • 15 Responsive Design Tips

    In this article we look at 15 responsive design tips, all designed to help speed-up your workflow and to create functional sites which load quickly.

  • The Hazards of Using 3rd Party HTML5 API's

    Using 3rd party API’s in your development project can create issues onto themselves, creating a variety of problems, most of which are typically related to security. In an effort to get the inside story on what to expect when leveraging 3rd party API’s Nathan Segal sat down with web developer Shawn DeWolfe, in Victoria, B.C. Canada, this is his story.

  • 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!

  • Web Development Newsletter Signup

    Invalid email
    You have successfuly registered to our newsletter.
Thanks for your registration, follow us on our social networks to keep up-to-date