Front-end beginner

The Internet is a vast wilderness of information with over 1 billion websites (well, 1,022,820,200 websites at the time of writing this article, according to this website), so it’s important that your website is up to date with the latest trends in web design and functionality. One huge design shift, which took place in the early 2000’s, was the increased use of web animations and content manipulation with JavaScript.

JavaScript enables the user to have control over the page without clicking through to a different page. For example, one common and functional use of JavaScript is checking if your desired username is taken at a registration form. Most modern sites employ this method now, and means the user doesn’t have to submit the form to find out if they can use their username – it’s all done automatically and the user is notified instantly. See this link.

Aside from functional uses are the many aesthetic uses. JavaScript enables us to animate elements on a page to make it that little bit more interactive. A great example of this is on my website when clicking the main menu item. This animates the page scrolling down to the relevant section.

In recent times, a slightly modern twist has emerged in design which has been coined User Experience Design (UX). This is the process of ensuring the website is easy and pleasing to the user, especially when considering increased usage of JavaScript. It’s important to make sure the user isn’t confused or hindered in any way by performance or bad design when searching for their information. One ‘godfather’ of web usability is Jakob Nielsen who’s research is a good read for anyone interested.

It’s more important than ever to keep websites and apps adhering to industry standards in design and functionality, otherwise your site will fall behind and people notice that it’s not as modern as they’d like.

Let’s also take a minute to appreciate a site with an interesting design which was ahead of it’s time back in 1996 when it was first made, and hasn’t been touched since - click here to view.

To find out more information about front-end design or development, please get in touch!