The launch of HTML5 on 28th October 2014 was a much-applauded and welcomed development in the internet and finally put the nail in the coffin of XHTML2. A host of new elements and attributes had been promised with html5 and it certainly did deliver.

The new elements and attributes listed below are all developments of html5. I have neglected to describe the new markup which isn't supported by any of the major browsers because I'm keen only to show what is possible now. For futurologists, you can see some of these new-but-not-supported attributes at HTML Goodies.

Phones — Portrait

The following mockups demonstrate how my websites' content can be viewed both in portrait and landscape on various mobile phones; namely: iPhone 5, iPhone 6, iPhone 6 Plus, iPhone SE, Galaxy S3, Galaxy S5, Lumina 920 and Nexus 6. The content comes from the iopan subdomains as well as some of my clients websites.

iPhone 5

iPhone 6

iPhone 6 Plus

iPhone 6 SE

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eius esse corporis, velit porro impedit laudantium accusamus! Id velit, illum magni rem mollitia blanditiis iste maiores optio ipsa, est dolorem fugit.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nam repellendus odio consequatur, iure fuga, saepe sed, eum deserunt error praesentium enim provident qui voluptatibus rerum expedita blanditiis dicta nobis alias. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsa qui consequuntur eius aliquam, rerum deleniti. Ipsam neque, nam cumque, sunt, labore autem perferendis suscipit voluptatum praesentium dolores aspernatur quae assumenda.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Reprehenderit ea nihil dolorem sapiente ullam obcaecati ipsam omnis, commodi ratione atque aliquid suscipit harum asperiores voluptate accusantium, temporibus saepe fugit iusto.


Phones — Landscape

The following mockups demonstrate how my websites' content can be viewed both in portrait and landscape on various mobile phones; namely: iPhone 5, iPhone 6, iPhone 6 Plus, iPhone SE, Galaxy S3, Galaxy S5, Lumina 920 and Nexus 6. The content comes from the iopan subdomains as well as some of my clients websites.

iPhone 5

iPhone 6

iPhone 6 Plus

iPhone 6 SE