Blog

CSS custom properties for cascading variables

  • June 5, 2018
  • CSS

Preprocessors like Less and Sass have helped over the past few years to keep development CSS codebases simple, organised and maintainable. One of the most used features in preprocessors is the ability to use variables in the stylesheet which was not possible natively in CSS. Now it is possible to use CSS custom properties in native CSS with support across most browsers apart from IE.

Read more ››


Google to Use Page Speed as Ranking Signal in Mobile Search

From July 2018, Google is going to consider page speed as a ranking signal for mobile search. Page speed has been a ranking factor for Google searches since 2010, but this was only focused on desktop searches, not mobile. Google has nicknamed this new update as the “Speed Update”.

Read more ››


Two Years at GoCompare as a product designer

Surprisingly on March the 14th I will have been at GoCompare for 2 years and 3 years into my career as a skilled product designer.  I thought it would be good to reflect on what has been achieved in the last two years at GoCompare and what I have picked up along the way. Also, what does the future hold in store and my personal goals.

Read more ››


UX and UI Tools 2018

With a plethora of UX tools on the market it can be overwhelming what to use. From an idea through to build there is plenty of tools available for any UX or UI job. In this article I will open up what I use on a daily basis that works for me. Tools will include wireframing, design and prototyping as well as sharing the concepts and ideas.

Read more ››


The guide on progressive web apps

It is very difficult to get people to install a native mobile app. Even if someone installs your app it is difficult to keep them engaged for a long period of time before they either delete it or leave it sitting on their device. Websites are much more convenient as all a user needs to do is just enter a URL or click on a link – it just works. However we all know that mobile connections can be temperamental, giving your customers a poor experience of your website.

Read more ››


The web is bloated

First published on LinkedIn – June 25, 2017

One of the greatest frustrations with websites is speed. Websites are slow and bloated, so as a consequence, users deal with a poor experience leaving them irritated but having to make do or move on.

Read more ››


CSS3

CSS Borders

  • May 11, 2016
  • CSS

The border property allows you to specify how the border of the box representing an element should look. The border module consists of the following properties, border-color, border-style and border-width. In this post we will look at all three properties and how we can combined them into the shorthand property.

Read more ››


CSS Padding and Margin

  • April 26, 2016
  • CSS

The most two popular CSS properties are margin and padding, they are used for spacing-out elements. Simply put the padding is the space inside something whilst the margin is the space outside of something.

Read more ››


CSS3

CSS Font Smoothing in Webkit and Firefox

  • March 11, 2016
  • CSS

Using font smoothing can turn a horrible typeface to a beautiful one. The Webkit and Firefox browsers make the fonts look slightly thicker, using just two lines of CSS we can solve this problem.

Read more ››


CSS3

Pseudo Class

  • March 11, 2016
  • CSS

A pseudo-class starts with a colon (:),it is similar to a class in HTML, but it’s not specified explicitly in the markup. When creating a pseudo-class there can not being any whitespace between a top selector or universal selector and the colon, nor can whitespace appear after the colon.

In this post we will look at the :first-child, :link, :visited, :hover, :active, :focus and the :lang pseudo-classes.

Read more ››