Responsive

Powerful new CSS advancements have resulted in a fundamental shift in what can be achieved efficiently. This affects everything from the ground up; from our design tools to our way of thinking.

This article was posted in Design, Musings, Responsive, Tools by Matt Keogh

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

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

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

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

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

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

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

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

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 designs. For example you could animate...

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