Image Effects with CSS

By Justin Avery, 25 November 2016 posted in News

Is the image you’ve got to drop into the design just not working for you? No time to edit in Photoshop? Don’t have photoshop? These are some pretty impressive effects that you can apply using CSS alone

Using one or more newer CSS properties (background-blend-mode, mix-blend-mode, or filter) gives us a surprising amount of possibilities to manipulate a single source image.
An excerpt from Image Effects with CSS

View original article

Reducing image sizes

September 10th, 2014

Images are the biggest culprit for bloated web pages. We often concern ourselves over compressing and minifying CSS and JS…

Read more
Disable jquery effects for touch screens

February 4th, 2013

My first thought was why disable them on touch when you could just enable them when touch wasn't available.

Read more
Hero Image Custom Metrics

May 20th, 2015

If your website has a hero image, make sure it loads and renders as early as possible. Many designs that…

Read more