HiDPI

So with the chance of the new 15” Macbooks having 2880×1800 resolution, and insane DPI like the iPhone, I wanted to discuss an issue.

At the moment, you have to “mobile” iPhone themes with text and images that look and are large on a normal monitor, but rather normal on an iPhone. How would this work for HiDPI macbooks? Would we have to start creating upscaled versions of our sites?

That’s a good question! I think in future authors will have to make every site responsible so it fits every solution.

Well for starters, I can definitely see a lot of the visuals leaning more towards pure coding in the future. As HTML and CSS expand, browsers become more compatible, and computers become stronger. The good thing about coding in visuals like gradients is that they’ll look great on all resolutions and DPI .

But there definitely needs to be a growth in the way web interfaces are done, considering most people are moving past the 1024 resolution. That’s what pretty much everything is designed in these days, but it’s disappearing. Scalable designs are definitely the future. Not only scalable on a 1-dimensional level either. I’m talking all of the content will scale dynamically (width, spacing, buttons, etc.)

Well now I feel a lot smarter using CSS3 as often as possible.

The issue comes in to play that a lot of people use 1024×768 resolution and old browsers at work – do we just forget about them, or treat them as tablet users?

DesignitTonight said
Well now I feel a lot smarter using CSS3 as often as possible. The issue comes in to play that a lot of people use 1024×768 resolution and old browsers at work – do we just forget about them, or treat them as tablet users?

Forget about them.