Michael Gearon

UX Designer at BrandContent

HTML (8)

Comments in HTML

Using comments in the HTML document will not be visible in the user’s browser. It can be useful for revision histories, notes, or commenting out other tags.

A Guide to HTML Tables

Tables have been used in the past (hopefully not still) to design the full layouts of websites. However using tables in this way is bad practice as accessibility tools such as screen readers to navigate pages that use tables as the layout. In this post we will look in-depth into HTML tables, the basics and advanced elements and attributes.

HTML5’s Input Type’s

In the previous post about Disabling Autocomplete, Autocapitalise  and Autocorrect we looked at how we can improve forms for mobile and desktop use. This post will look at input types, specifically the url, phone and email.

A Guide to Understanding the Favicon

The Favicon is sometimes an overlooked aspect to digital branding, yet this small opportunity is just another way to promote and reinforce your brand to your audience.  Although this is a very small part to the website and the brand as a whole, it shows an attention to detail that could separate you from your competitor.

Disable Autocomplete, Autocapitalize, and Autocorrect

Although autocomplete, autocapitalise and autocorrect is useful when creating notes or posting a comment on a Twitter status it can sometimes be a hassle and we do not always require these features.  For example when filling out a password field on a sign up form we do not want it to autocapitalise, autocomplete or autocorrect. Whilst entering your first and last name you do not want it to autocorrect and possibly not autocomplete. To control what abilities each input has we can use the autocomplete, autocapitalise and autocorrect attributes.

HTML Link hreflang

Introduced by Google in 2011, the hreflang tag specifies the language of the text in the linked document. This could be useful in websites that have more than one language for example where I live in Wales quite a few websites have both English and Welsh versions of their websites. The reason why the hreflang is useful is that it can assist search engines such as Google:

Google uses the rel="alternate" hreflang="x" attributes to serve the correct language or regional URL in Search results.

An example could be a user that has the IP address which the search engine believes is in France, the results would return the French version of the website rather than the English. By doing this it will reduce the bounce rate and increase conversions as you serving the user the correct version of the website.

HTML(5) Download Attribute

An interesting and overlooked aspect of HTML5 is the new attributes to the link tag. The download attribute introduced in HTML5 can solve two issues; giving a downloadable document a sensible name when a person downloads it and to automatically download any type of file including PDF documents and images, which sometimes relied on a bit of ‘hacking’ to get it working.

HTML Media Capture

What is Media Capture?

Media Capture is currently a W3C Last Working Draft, it allows users the ability to access there camera, microphone or video camera to then either select a pre-existing file or to record and upload media.

Have an idea? Get in touch