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