Go to the HTML5 Development Center >>

  • New Goodies

  • The Advantages of Backwards Iteration as Demonstrated in JavaScript

    There have been many of exchanges between JS developers on the efficacy of backwards looping versus the usual forward kind. The purpose of this tutorial is not to put every loop type to the test. Rather, Rob Gravelle describes what kind of scenario might logically benefit from backwards iteration and how to recognize such a situation should you come across one in the future.

  • 7 Ways to Get the Most Out of HTML5

    Learn how to get the most of out HTML5 from three industry experts.

  • So You Want to Optimize Your Images…

    By reducing the overall size of the images you are using, you'll reduce the amount of time that is needed to download and display your pages. That can also have a positive impact on how your pages are treated by the search engines!

  • Developing Web Apps with EmberJS

    Several commercial and open source Web frameworks have emerged based on the MVC pattern. One of the more ubiquitous frameworks is called Ember. Rob Gravelle explains what distinguishes a framework from a library, as well as how to get up-and-running with Ember.

  • Create a Dynamic Form in WordPress

    WordPress appeals both to the novice and expert developer, allowing him or her to create anything from simple static sites to large-scale eCommerce systems. Rob Gravelle describes how to construct a dynamic Import form in WordPress using jQuery.

  • 7 Essential Tools Every Web Developer Needs to Succeed

    Nathan Segal walks you through the mindset and business structure you need for success in Web development.

  • So You Want to Do SEO on Your Site…

    You've been told it is important for your web site, but what exactly is SEO?

  • Using Media Queries in AMP Pages

    AMP pages permit the use of media queries to control how the page layout looks and behaves, much as you would do on a "regular" web page. Rob Gravelle covers how media queries' usage differ in AMP pages.

  • How to Clean Your Hacked WordPress Site Without a Backup

    Learn more about the important steps to identify if your site has been hacked, how to clean the malware or the hack--and how to enhance the security of your website going forward.

  • How to Animate Your Website Using the HTML5 Canvas

    With the Canvas HTML5 API, you can write JavaScript code that can access the canvas area through a set of drawing functions, resulting in dynamic generated graphics.

  • Create a File Uploader in WordPress

    Many WordPress sites include file upload fields in registration and data import forms. Learn how to add a file upload form to a WordPress page that is processed by a custom plugin on the server.

  • CSS3 Transformations and Animations

    Learn how to transform a standard HTML element into a spatial transformation module to 2D and 3D with CSS3 transformations.

  • Display Cross-domain Data Using postMessage()

    Perhaps there is no greater bane to a web developer's existence than the same-origin policy. Rob Gravelle shares a relatively new technique for sharing data across two domains that utilizes the JavaScript postMessage() method.

  • Setting Line Spacing with CSS Single Line

    Learn more about how to set spacing between lines of text and the best practices for doing so.

  • Export Data from Your Website as an Excel Spreadsheet

    Excel is one of the most popular formats for viewing and working with tabular data. Rob Gravelle demonstrates how to use PHPExcel to dump some web domain statistics into a spreadsheet and serve it to the client.

  • Creating a Hamburger Menu with HTML, CSS and jQuery

    Learn how to develop a burger-type menu that consists of a fixed button on the navigation bar that, when clicked, displays or hides the side menu containing a list of links.

  • Featured Goodies

  • A Designer's Guide to Getting Started with Web Development

    Your design options may be limited due to lack of technical skill. Designers who are capable of efficiently collaborating with developers will be able to open the doors to rewarding projects and lots of development in the future.

  • Exploring Online Webmaster Tools

    One of the most exciting developments of the Web is the emergence of online tools. There is even a category of web tools that caters specifically to webmasters. Rob Gravelle examines the role of the webmaster and presents a few sites that provide useful tools.

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

  • HTML6 Proposals Wishlist

    Earlier this year, people started getting excited about some of the proposals for HTML6 that were being tossed around. Rob Gravelle highlights some of the more interesting ones.

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

  • HTML5 Coding Methodologies

    In order to develop in a smarter and better way, we should adopt a set of coding methodologies that foster a smoother development life cycle. Rob Gravelle explores a few of the latest coding methodologies that have found their way into web developers' arsenal.

  • HTML and Graphics Tutorials

  • So You Want to Optimize Your Images…

    By reducing the overall size of the images you are using, you'll reduce the amount of time that is needed to download and display your pages. That can also have a positive impact on how your pages are treated by the search engines!

  • Respond to Media Queries with the matchMedia API

    The matchMedia API provides an easy way to react to CSS @media queries using the exact same CSS expressions, Rob Gravelle shows us how to use it to create responsive content.

  • Drawing Shapes with the Fabric.js Canvas Library

    Fabric.js is a HTML5 canvas library that enables drawing on canvas and manipulating canvas objects in an object-oriented way. Learn more about the most important features of Fabric.js.

  • Beyond HTML

  • The Advantages of Backwards Iteration as Demonstrated in JavaScript

    There have been many of exchanges between JS developers on the efficacy of backwards looping versus the usual forward kind. The purpose of this tutorial is not to put every loop type to the test. Rather, Rob Gravelle describes what kind of scenario might logically benefit from backwards iteration and how to recognize such a situation should you come across one in the future.

  • 7 Ways to Get the Most Out of HTML5

    Learn how to get the most of out HTML5 from three industry experts.

  • 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