Responsive

Why we need to challenge our design tools & assumptions

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.

device lab illustration

Using lego to build a device lab

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 custom Mailchimp template with layout variations

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

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

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.

Responsive Typography in SCSS

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.

Responsive Images Solutions - Adaptive Images

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.

Responsive Image Solutions: Picturefill and the <picture> element

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.

Creating SVG Sprites using Gulp and Sass

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

Working with SVG sprites

Working with SVGs in 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

Animation on the web with CSS3

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

You are currently offline. Some pages or content may fail to load.