Archive for the ‘HTML5’ Category

How You Can Use HTML5 Custom Data Attributes and Why

Posted on: No Comments
In this article, I am going to show you how you can use HTML5 custom data attributes. I'm also going to present you with some use cases that you can find helpful in your work as a developer. Why Custom Data Attributes? Very often we need to store info...

Front-end Tools: My Favorite Finds of 2016

Posted on: No Comments
Another year has passed and, as we all expected, the Web Platform is continuing to explode with innovation, irritation, fatigue, and a huge influx of new tools and technologies that promise to make our lives as developers easier. As usual, we’ve seen...

Everything You Should Know About Progressive Web Apps

Posted on: No Comments
A Progressive Web Apps is a web application which takes advantage of modern browser features and can be added to your homescreen, behaving just like a native application. In this tutorial we’re going to show you everything you need to know ab...

Quick Tip – Installing the Ionic Framework for HTML5 Apps

Ionic is a framework for building hybrid mobile apps using the web technologies you know and love, Angular and Cordova. The Ionic 2 release (currently in beta) leverages Angular 2 (also in beta) and ES6, and you can opt into TypeScript if you prefer. I...

JavaScript AI For An HTML Sliding Tiles Puzzle

Posted on: No Comments
  Sam Loyd (1841–1911), American chess player and puzzle maker, created the sliding tiles puzzle in the 1870s. The puzzle is represented by an m×n grid, where m is number of columns and n is number of rows, and each cell can be any imagina...

Introduction to jCanvas: jQuery Meets HTML5 Canvas

Posted on: No Comments
HTML5 lets you draw graphics straight into your web page using the <canvas> element and its related JavaScript API. In this post, I’m going to introduce you to jCanvas, a free and open source jQuery-based library for the HTML5 Canvas API. If...

Using The Gamepad API In Web Games

Posted on: No Comments
  The Gamepad API is a relatively new piece of technology that allows us to access the state of connected gamepads using JavaScript, which is great news for HTML5 game developers. A lot of game genres, such as racing and platform fight...

DOM Tips and Techniques: Parent, Child, and Siblings

Posted on: No Comments
Complex, markup-heavy web apps are the norm nowadays. A library like jQuery with its ease of use, cross-browser compatibility, and variety of features can help immensely when manipulating HTML on the fly. So it’s no wonder that a lot of developers ch...