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.

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.

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

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.

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.

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.

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.

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

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

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...