Category Archives: HTML 5
Useful HTML5 Features, Part 7
In this article, we are going to build a simple app that receives the user's geographic coordinates (latitude and longitude) with the HTML5's Geolocation API and shows the current weather for the place they are located in (using a remote API provided by OpenWeatherMap).
[ Read More ]
Useful HTML5 Features, Part 6
In this article, we will be presenting a very simple audio game and in the meantime teach you about the newly implemented text-to-speech browser capabilities. The game or novel is just a series of audio messages, followed by a question to the user. Each user response plays him a different audio message but there is only one correct response that will move him to the next level. If he gets the question wrong, he will return to the first level (question).
[ Read More ]
Useful HTML5 Features: Semantic Tags
In this part of the useful HTML5 features series we are going to present you the new semantic tags that were introduced with HTML5 (most of them). We have provided a simple demo of a page that uses the HTML5 semantic tags.
[ Read More ]
Useful HTML5 Features, Part 5
CSS-like JavaScript selectors HTML5 brought us CSS-like JavaScript selectors and they have a pretty decent support. This is really handy and was one of the main benefits of the jQuery library. The lengthy JavaScript selectors such asdocument.getElementsByClassName("container")[0].getElementsByTagName("p")[0] are on the way to history.
[ Read More ]
Useful HTML5 Features, Part 4
HTML 5 srcset attribute was much needed with the technologies that we have today. Smartphone use has been increasing tremendously and many Internet users are connecting to the web through slow 3G networks and serving them huge image files when they have a small viewport is not a good option. Not only does this deplete their traffic limit but it makes them wait forever for the website if they are not connected to a high-speed Wi-Fi.
[ Read More ]
Useful HTML5 Features, Part 3
CSS calc() the calc property can be used as a value to other CSS properties such as width, height and top. It allows you to perform calculations with the measure units in CSS - such as pixels, ems and percentages.
[ Read More ]
Useful HTML5 Features, Part 2
HTML 5 Drag and Drop API the days when one relied heavily on libraries and third-party plugins to achieve drag and drop functionality are coming to an end with the Drag and Drop API
[ Read More ]
