Get in touch today to find out how we can help your business succeed

Why every business should be online

Web designers vs Web Developers

You may have heard the terms 'web designer' and 'web developer' and wondered what the difference is, if there's a difference at all. Web design and web development are two different disciplines: A web designer will typically deal with the 'front end', which includes the visual aspect of a website, the HTML and the user experience, or UX.

The web developer will be responsible for the 'back-end' which means they will write server-side scripts that result in any functionality the wbsite might have. There is overlap though, and often a designer will be capable of developing and the developer will be happy designing.

Websites and the World Wide Web - what are they?

The Web, or World Wide Web (www) is a series of linked (by hyperlinks) documents that can be accessed via the internet.

The web and internet are often confused but are actually two different things - the web is the network of documents that is hosted on the internet, which is a giant network of computers that can communicate with each other. The web as we know it came about in the late eighties, an invention of British physicist Tim Berners-Lee, then an employee of Cern in Switzerland. The first browser was made available to the public a couple of years later, allowing anyone in the world to access 'The Web'.

To access the internet, a user requires a computer, an internet connection and a program known as a browser, which allows your computer to interpret web resources. Viewing a webpage requires the user to type in a 'Domain name' or URL into a browser to go directly to any given site, or navigate to a Search engine. Search engines constantly crawl the web for any document they are able to access and record content from each of those pages, ranking them by how relevant and suitable they are to the user searching, based on what they're searching for. Originally, websites were only able to display information with limited functionality, but as the technology has grown, so has the capability of the web and websites to interact with users and to query any number of data sources, resulting in the web being the necessity in each of our lives it is today.

Could you imagine going a day without checking your social media accounts, making a purchase from one of the millions and millions of online shopping sites, or managing your daily admin via an email account or online banking? I certainly couldn't!

How have web technologies evolved with time?

The web is built on several technologies working together to produce the dynamic resource it has become. But what are these, and how did they come about?

The basic building block of the web is a markup language called HTML. This enables content to be presented to the user in a particular way using 'tags'. Without it the web simply couldn't function. HTML was introduced as an experimental technology in 1992, allowing web designers to build a page using text, images and a basic framework to share information to users browsing remotely from their computer.

Mosaic was the first browser to be released, and despite it being launched eons ago in web technology terms, it is still recognizable to a user of a web browser today. Opera and Internet Explorer soon followed, as did HTML2, an evolution of HTML. In a relatively short space of time HTML3 and HTML4 were introduced, and included significant input from the World Wide Web Consortium (W3C) in order to ensure that competing interests from involved parties wouldn't compromise the technology.

HTML4 would become recognized as THE version of HTML for the next ten years because of this, the '4' was invariably dropped in favour of just 'HTML'.

Meanwhile, Javascript, Java and Flash were developed and launched to allow greater complexity in the design, animation, interactivity and functionality of websites. CSS was then introduced to separate the content of a webpage and its styling. Several other browsers followed, including Safari, Firefox and Chrome, and small updates were made in the guise of XML in the following 10 years but it wasn't until 2008 and the introduction of HTML5/CSS3 that HTML made a serious leap forward. HTML5 gave the designer and the user even more scope for dynamic, interactive client side content, running natively in the browser, Flash having been long since phased out due to its reliance on a third-party plugin.

Maddison Creative web design Newcastle were founded in 2009

Today, the main driver of technology change is the increasing number of devices that browsers use to access websites - mobile phones, tablets, touchscreen devices - all dictate how websites are built, replacing the once ubiquitous desktop browser.

With the increasing popularity of mobile devices, what are responsive websites and how is web design affected?

Two out of every three minutes spent online in the UK are users browsing on either a smartphone or a tablet. 13% of adults in the UK browse the internet exclusively using their smartphone, 2% more than browse exclusively on their desktop computer.

In the last two years tablet internet use grew by almost a third, and in the same two year period smartphone use grew by 78%, while desktop internet use has decreased.

The way people use smartphones to access the internet has revolutionized the way websites are built. Long gone are the days that companies were happy to have customers browse their full, desktop version of their site on their smartphone, causing users to zoom in and out of areas of the page that interested them, struggling to click on the tiny text links to navigate. If you're building a website for the modern internet user, the likelihood is that if they don't view your site exclusively on their mobile device, they'll at least check you out via their iPhone or Android phone before sitting down later at their computer to have a more in-depth look.

This is why most clients want a 'mobile-first' approach to their website, whereby you ensure that everything looks and behaves beautifully on a mobile device before considering a desktop version, and if something has to compromise, it certainly won't be the mobile site.

A 'responsive' website is one that adapts to the device it's being viewed on, whether that is a desktop computer, a mobile phone or a tablet. The content is then displayed in a way that is optimized for said device, improving user experience.

Flat websites vs CMS - what's the difference?

There are two main categories of website: the flat/HTML brochure style website and the CMS (Content Management System) website. The main difference is that the website owner cannot update the flat/HTML website without web design/development knowledge. They are intended to be built and managed by the web designer/developer, and whenever the site owner requires an update to the site, they would go back to their designer/developer who will be able to make the update for them. This works well for sites that don't require many updates, as they are more cost effective for the site owner, taking less time to set up and build than their CMS counterpart. Flat/HTML websites also traditionally have limited functionality.

A CMS website is built on the back of a content management system (Wordpress for example) and is generally connected to a data source; A database for example (other data-sources are available!). They are also built using more complex programming language; php or ASP.NET for example (along with HTML in many cases) to allow for a greater scope for functionality, enabling the user to interact with the site in much more depth. The main benefit of a CMS website however is that they can be updated and managed by the website owner without any prior knowledge or experience in website technologies. Because they are more complex however, they will cost more than a flat/HTML site, but this is balanced out by virtue of the fact that the site owner does not have to pay a web designer/developer to make updates.

More answers to web design questions...

Where to next?