UX Design and Development course

The Future of images

Without a doubt, images and the web are going through huge transformations. What we KNOW is the technology that is at hand. What we KNOW is where we want to go. What we DON'T know is where we will end up. But here are some thought provoking articles that may help formulate that answer.

How to Create Retina Graphics for your Web Designs

The more products Apple releases, the more widespread Retina displays become. So far we have Retina capable iPhones, iPods, iPads and MacBooks of various sizes, which together make up a pretty substantial audience. Let’s take a look at how you can create special retina graphics for your website so your design looks crisp, sharp and clear on those powerful screens.

keep reading ...

Responsive Images: What We Thought We Needed

If you were to read a web designer’s Christmas wish list, it would likely include a solution for displaying images responsively. For those concerned about users downloading unnecessary image data, or serving images that look blurry on high resolution displays, finding a solution has become a frustrating quest.

keep reading ...

Responsive Images Done Right: A Guide To <picture> And srcset

On Monday, we published an article on Picturefill 2.0, a perfect polyfill for responsive images. Today’s article complements Tim Wright’s article and explains exactly how we can use the upcoming element and srcset, with simple fallbacks for legacy browsers. There is no reason to wait for responsive images; we can actually have them very, very soon. — Ed.

keep reading ...

Beyond Responsive

When a client comes to us to help them make their existing site or app responsive, we know that we’re going to be using fluid grids, flexible images and media queries.

But we also know we’re going to be using much more than just those three techniques. The best responsive web designs are doing much more. And when we teach workshops or help clients, much of what we’re discussing are the things that you do after you’ve got the three techniques down.

Which led me to the idea that there is a difference between “being responsive” and responsive web design. That responsiveness was something larger.

Keep reading ...

Responsive Images – srcset edition

srcset attribute added to WHATWG recommendation … and then so ensued a wrath of blog posts, tweets and even comics.

So what really happened? Well I’m glad you asked! Go grab a cup of coffee (applause to those already with one in hand), set your work timer to professional contribution/development and lets take a look.

This week we will take a look at how we arrived at the current situation and what the general feeling of the public is around the decision.

Keep reading ...

The picture Element

Examples as written for the spec

Keep reading ...