Category Archives: HTML 5

In the next couple of articles, we will be presenting many useful HTML5 features and APIs. In this article, we will present matchMedia and will provide you with a simple wrapper around it and the HTML5's download attribute.

[ Read More ]

As consumers' appetite for mobile apps has grown, developers are in full zeal to create feature-rich apps to engage their mobile audience. They are experimenting with a number of frameworks and development tools that assist them in creating unique, interactive, and power-packed apps. The tremendous growth of programming languages, such as HTML, CSS, and JavaScript has further allowed webmasters to widen their development skills, knowledge, and user-base.

[ Read More ]

HTML 5 allows us to create collapsible boxes (panels) without the need of adding our custom JavaScript code - the <details> tag allows us to create panels with minimal setup and makes our pages load faster. However, it should still be used with fallback as support is not very decent as of the moment of writing this.

[ Read More ]

This is the second part of our tutorial How to Make a Custom Video Player with JavaScript, Part 1, in first part we show you some CSS and basics of HTML. In this part we are going to explain a MediaController object to hold the Video Player functionality so we do not pollute the global scope and finalize it and give you download code.

[ Read More ]

In this tutorial, we will be building a custom a custom video player with JavaScript. It will consist entirely of black and white controls. We will create an object that when initialized will add controls to all video tag containers with a particular class. You can then continue to improve it and re-factor it to better serve your needs and patch various bugs.

[ Read More ]

We're living in a mobile dominated world, wherein almost every individual use mobile devices more often than desktop to access the Internet. In fact, people seek for mobile solutions that are not only rich in visual features but are also high in usability and easy-to-use. And this is exactly what HTML5 offers. Most of the developers prefer using the HTML5 web technology, as it helps to quickly deploy feature-rich web applications.

[ Read More ]

In our main page we loop through the array with note objects and display them with the help of Angular. We make the content inside the notes to be editable, so that users can edit whichever note they want and just click on save in order for the change to persist after reload.

[ Read More ]