Chapter 1: Typography in Web Design – Contrast, Font Size & Hierarchy  

Typography derives from the Greek words ‘typos’ and ‘graphe’, meaning ‘form’ and ‘writing’. In web design it is the technique and art of arranging typefaces, which manifested when Tim Berners-Lee launched the first website in 1991. http://www.telegraph.co.uk/news/newstopics/ nationaltreasures/2194133/Sir-Tim-Berners-Lee-portrait.html Contrast The contrast between typography and background requires consideration of colour and font types. The purpose of text is to be perused […]

HTML5 Videos  

HTML5 video is a movie and video playing element within HTML5, somewhat replacing the object element. This is due to the on-going evolution of support for the video element. As such a standard way has been adopted, to embed video into a web page. Prior to this, the majority of on-line videos had been channelled via third party plug-ins. Flash […]

Photo Competition Winner  

Congratulations to the winner of Digital Mosaic’s photo competition-MANOLIS CHARALAMPOUS for the staggering amount of votes he acquired. He will be the proud owner of his masterpiece printed on canvas. Many thanks to all of the others who entered-we had some great pictures!

Golden Ratio in Web Design  

The Golden Ratio otherwise known as the divine proportion, is a calculation for perfection creating symmetry in maths and art etc. It is often represented by the Greek letter F (Phi), which is an abbreviation for the mean of Phidias (an Ancient Greek sculptor, painter and architect that applied this equation to his work, most notably the Parthenon). The mathematical […]

Website Design Tips  

Optimise your images by creating web ready files, to increase the speed of downloading pages. Do not use flashing graphics, as statistics show that the majority of people are annoyed by them. Plan your grid thoroughly. Popular websites usually implement the standard 3 column layout, with the “golden ratio” proving most successful. Consider the relationship between your content and white […]

Photo Competition 2011  

Digital Mosaic (DM) is offering you the opportunity to showcase your creativity by entering our photography competition! All you have to do is submit the best picture you have that demonstrates your photographic skills. The winner will not only be featured in our website news, they will also become the proud owner of their artistic contribution printed on canvas. Protocol […]

HTML5 Introduction  

HTML5 is the revised standard for HTML, XHTML and the HTML DOM. Although it is new, most modern browsers support HTML5. It is an upgrade to HTML4 which includes the following features: New content specific elements: footer, header, navigation, article, section, aside, figure. New form controls: time, date, calendar, url, search, email. The video and audio elements for media playback. […]

SEO (Search Engine Optimisation) Techniques  

(SEO) Search engine optimisation, is a service that increases your ranking online based on your judicious use of keywords, tags, meta-data, navigation, internal links and the content of your website. A conversion objective should be considered for each page, prior to targeting a phrase or keyword. Common conversion goals include: Directing a user to another website via advertising or links. […]

Contrast Ratio Accessibility  

Contrast ratio in web design is the proportional scale in luminosity of the lightest to the darkest colour of the spectrum on your screen. The desired effect of contrast ratio is subject to the capacity of your display system. The combination of light emissions from environmental factors in a room and light reflection from the screen, all affect the outcome […]

White Space  

White space is commonly regarded as negative space. Deriving from graphic design practice where white paper is often used during the printing process, it is the space on the page between markings and other formatting techniques such as text, margins, gutters, columns, figures and illustrations etc. It is important not to refer to white space as ‘blank’ as it creates […]