• Layered The Maior 3D development diagram - layer 1 Layered The Maior 3D development diagram - layer 2 Layered The Maior 3D development diagram - layer 3 Layered The Maior 3D development diagram - layer 4 Layered The Maior 3D development diagram - layer 5 Layered The Maior 3D development diagram - layer 6 Layered The Maior 3D development diagram - layer 7 Layered The Maior 3D development diagram - layer 8
  • The Maior project image
  • The Maior website screenshot
  • High-resolution screenshot of the The Maior website
  • Portfolio development screenshot

The Maior

themaior.com

HTML5, CSS, jQuery, & PHP

The Maior website is a simple one-page HTML5, CSS, JavaScript & PHP website developed in order to showcase the first issue of The Maior magazine, launched in 2011 and now available in print, online, and the iOS and Andriod apps.

The key feature of the site is the large hero video at the top of the page. This was developed using HTML5 and jQuery to provide a themed video player skin to match the rest of the site, as well as a Flash fallback version to provide the same user experience to those without HTML5 capabilities. The video is formatted and embedded to ensure compatibility across as many desktop, mobile, and tablet devices as possible - always offering the same player look and feel.

The project also required the development of a fairly simple PHP newsletter sign-up form which stores entered details and sends out a responsive HTML email to subscribers automatically to say thank you.

Due to the diverse nature of the magazine's distribution and readership, the website was specifically developed with cross-browser and cross-device compatibility in mind (although, as with the Blue Chip Mobile project, this was before wide-spread support for media queries), as well as allowing for easy future expansion and the later introduction of a content management system.

Top