Blog

New Language of Web Design

 

HTML 5 is the up and coming mark-up language for designing new websites. HTML5 is to display multimedia files such as video, audio, and scalable vector graphics to be displayed on websites without using plug-ins like Adobe Flash and Apple QuickTime. HTML5 also allows websites to incorporate interactive features such as drag-and-drop.

Up until recently, websites would generally be built at a fixed width, such as 960 pixels, with the expectation that all end users would get a fairly consistent experience. This fixed width wasn’t too wide for laptop screens, and users with large resolution monitors merely had an abundance of margin either side. Smartphone’s have now adapted and provide a truly usable browsing experience.

People are now comfortably using their phones to browse the web.  In addition, there is a growing consumer trend of using small screen devices (tablets and netbooks, for example) in preference to their full screen brethren for content consumption in the home.

The indisputable fact is that the number of people using these smaller screen devices to view the Internet is growing at an ever-increasing rate, whilst at the other end of the scale, 27 and 30 inch displays are now also commonplace. There is now a greater difference between the smallest screens browsing the Web and the largest than ever before.

Thankfully, there is a solution to this ever-expanding browser and device landscape. A responsive web design, built with HTML5 and CSS3, allows a website to ‘just work’ across multiple devices and screens. And the best part is that the techniques are all implemented without the need for server based/backend solutions.

Trends

North American web developers are currently adopting HTML 5 more so than anywhere else in the world with 70% of developers currently putting HTML 5 in practice. Western Europe is also uptaking the practice with 59% of developers in a recent study of 5,000 programmers accountable for using HTML 5.

Responsive Web Design and HTML 5

A responsive web design will handle the flow of our page content as viewports change but let’s go further. HTML5 offers us more than HTML 4 ever could and it’s more meaningful semantic elements will form the basis of our markup. CSS3 media queries are an essential ingredient to a responsive design but additional CSS3 modules empower us with previously unseen levels of flexibility. We’ll be ditching swathes of background graphics and complicated JavaScript, replacing them with lean CSS3 gradients, shadows, typography, animations and transformations.Before we get on with creating a responsive HTML5 and CSS3 powered web design, let’s first look at some examples of what we should aspire to. Who is already doing a good job with all this new fangled responsive HTML5 and CSS3 malarkey and what can we learn from their pioneering efforts?

JEF Media

JEF Media develop websites optimised to have a responsive web design across all platforms. Our websites are created through HTML 5 providing the latest web technology in the market, allowing for easy navigation across websites which are compatible with the latest in web technology.

To find out more about what we do or if you have any queries contact us at 091-396441 or check out our website http://www.jefmedia.ie

 

Share Post: