Mediaelements: Add a share button to video elements using jQuery
Here is a quick tutorial in how to add a share button to video elements using jQuery and Mediaelements.js. HTML5 Video tag First, here is an example as how the video html5 tags should look like. The tag show the minimum attributes required, additional attributes still can be added. Notice the data-url attribute, the attributes […]
HTML5: Set X-UA-Compatible rendering mode validating the document
A feature added to Internet Explorer 8 (IE8 ), is the ability to change the browser rendering mode by adding a meta tag <meta http-equiv=”X-UA-Compatible” content=”edge” /> inside the document header tag. This is a great feature that allows you to display websites properly, but there is one small problem, adding the tag will break the W3C validation of the website. […]
Mobile javascript events compared to their desktop counterparts
If you are working on a mobile HTML5 website / app you probably want to know what are the javascript events you can use based on the user interaction. Well, here is a list (cheatsheet); bellow is a table comparing the mobile javascript events with their desktop counterparts. The “composed” column shows similar mobile events […]
IOS: Adding icons to mobile-ready websites
When creating a new WordPress responsive themes or any mobile website for that matter, there is one thing you shouldn’t forget, that is to add mobile icons for the iOS devices. This is important for brand consistency and is better way for the user to distinguish the bookmark from other sites. Add the following code within the <header> tag. Notice that we […]
