In this tutorial, Matt Zand will show you how to harness the power of HTML5 web storage by creating a shopping cart step-by-step. What you learn from this tutorial can easily be applied to other site features that may not require database storage such as user preferences, users’ favorite contents, wish list, user settings like username and password and more.
Update (27,29 Aug) Editor’s Note: We have updated the examples to address accessibility issues in the HTML.
Read more…
HTML5 introduced thirteen new types of form input, adding significantly to the number of different fields web designers and developers could add to our forms. These new types all require browsers to support them, and take-up has been slower than some of us would have liked. What is the state of those field types in 2019? Which can we use, and which should still be avoided?
Read more…
This is the second part in a series on enhancing mobile forms for users. In the first part, we saw some general guidelines on how to improve form readability for mobile users, label placement and size, interaction cost and dealing with errors. HTML5 has brought us a lot of really cool features to help users fill in mobile forms and format their data, so today, Stéphanie Walter will show you in detail how HTML5 attributes can help you with that.
Read more…
Do you test your forms on real users and real devices? If not, you should. Let’s take a look at some of the techniques that can help you take your forms to the next level and help users fill them in. In this first part of a series of two articles, Stéphanie Walter will sum up some essential best practices to improve your mobile forms, including scannability and readability. She will guide you through label and input placement, size and optimization.
Read more…
The tips presented in this article aim to help HTML5 game developers in avoiding common mistakes when converting their Flash games to JS and making the process run as smooth as possible. Today, Tomasz Grajewski will focus mainly on Phaser v2. However, a newer version of Phaser is now available, and we encourage you to check it out, as it introduced a plethora of fresh, cool features, such as multiple cameras, scenes, tilemaps, or Matter.js physics engine.
Read more…
BEM has been an absolute lifesaver for me in my effort to create applications in a modular, component-driven way. David Berner has been using it for nearly three years now, and the problems above are the few stumbling blocks he’s hit along the way. This article aims to be useful for people who are already BEM enthusiasts and wish to use it more effectively or people who are curious to learn more about it.
Read more…
Two years ago, the W3C published the final recommendation of the HTML5 spec, which came with a new set of HTML elements and APIs, especially for video. Most of the new elements have been known about and used for a while in HTML5 video player code because they are implemented in all modern browsers. The specification is stable. Still, the W3C has a lot of work to do left. For Stefan Lederer, the most important standard the W3C is working on is the “Media Source Extensions” (MSEs) standard, which currently has the status of “Candidate Recommendation.” This JavaScript API allows us to generate media streams for the
Enter the amazing world of rational agents, supervised learning and unsupervised learning. Start developing algorithms that can solve daily life problems by simulating the thinking of the human mind. In this article, Arnaldo Perez Castano will describe an artificial intelligence by means of an A* search algorithm for the sliding tiles puzzle. You will be able to compete with friends and create artificial intelligences for this and many other puzzles and games!
Read more…
A lot of game genres, such as racing and platform fighting games, rely on a gamepad rather than a keyboard and mouse for the best experience. This means these games can now be played on the web with the same gamepads that are used for consoles. A demo is available, and if you don’t have a gamepad, you can still enjoy the demo using a keyboard. As with all experimental technologies, results with the Gamepad API are unstable. However, by using it (and providing feedback), you are sculpting the future of the technology. This represents a huge opportunity for the game industry!
Read more…