device lab illustration

At Liquid Light we've got a range of devices which we use to test our websites on - accessing and viewing these devices was becoming cumbersome. Two of our staff took it into their own hands to build a Lego-based device lab.

This article was posted in Liquid Light, Responsive by Mike Street, Will Chidlow

Read more

Creating a responsive, HTML email template is not as easy as it first appears. Email clients are still behind with web standards and supporting latest web technologies, so HTML emails need to be built using the <table> element and inline styles. This blog will walk you through creating a custom template while still using Mailchimp's WYSIWYG and Image editor

This article was posted in Development, Responsive by Mike Street

Read more

Enhancing your website with hamburgers, simplified navigation and drop down menus

Whilst the navigation on a website might be taken for granted, a well thought out use of navigation can really enhance the user’s experience and journey through your website.

This article was posted in Musings, Responsive, UX by Finn Taylor

Read more

Responsive Typography in SCSS
2nd November 2015

Responsive Typography in SCSS

Ensuring your website content is readable on all devices is something which is becoming harder to do. This blog post walks you through a solution which helps you manage your responsive typography.

This article was posted in Responsive, Development by Mike Street

Read more

In this episode, we are going to look at a solution with a very different approach to responsive images and a more modest ambition to solve some but not all of the issues of concern - called Adaptive Images.

This article was posted in Responsive, Musings by Pranath Fernando

Read more

Picturefill is a popular solution to the responsive images problem within the web design community and has many influential supporters. In this article though, we will attempt to take a more level-headed and unbiased look at the merits and drawbacks of this solution.

This article was posted in Responsive, Musings, Development by Pranath Fernando

Read more

Creating SVG Sprites using Gulp and Sass

Following on from the previous blog post, we walk through the process we have for creating and maintaining our SVG sprites with Gulp and Sass by using custom mixins and functions

This article was posted in Responsive, Development by Mike Street

Read more

Working with SVG sprites

Scaleable Vector Graphics (SVGs) allow you to have images and icons which look great on any screen and can be resized without any loss in quality. When combined in a sprite, they can also speed up your website by reducing requests

This article was posted in Responsive, Development by Mike Street

Read more

Animation on the web with CSS3

Animation is a new CSS3 property which can be applied to HTML tags such as div, h1 or a span. With flash now redundant from the web, CSS animations are a great alternative to spice up your...

This article was posted in Tools, Design, Responsive, UX by Rick Powell

Read more

Mobile web or Dedicated Apps? What should you use?

If you’re looking to maximise the impact and reach of your digital content, it’s important to consider which mobile platforms are most appropriate for your audience. Some content lends itself better to mobile responsive websites while other types of content or interaction may be best served by a dedicated mobile app.

This article was posted in Development, Responsive by Oliver Rowlands

Read more

Sign up to the Liquid Light newsletter

Subscribe to our Newsletter and stay up to date with all things web related. It's crammed full of useful articles, tips and knowledge, invaluable if you have a website or are starting a new web project.