banner

bossing around | Ruben Bos

  • Archive
  • RSS

Retina images for the iPad using CSS3

Yesterday I was at a bar when ‘a guy’ entered with a plastic Media Markt bag containing two New iPads. The weird thing, it was 00:30PM and he just bought the iPad’s 10 minutes earlier. And if people start walking into bars with Retina iPads past midnight, I guess it’s really time to think about the impact of the high-res screens on our daily work as web developers.

Because websites look pretty bad on the 3th gen iPad. Images get blown-up.

When the iPhone 4 introduced the Retina screen in 2010, we had to update the graphics in native apps with images that are two times the original size. Apple quickly introduced a solution for iOS developers with the @2x format. If you’re not familiar with it: when you use an image, for example AwesomeLogo.png, adding a larger AwesomeLogo@2x.png is enough. You can still refer to AwesomeLogo.png.

This could be a great solution for mobile Safari on the new iPad (and iPhone4/s) as well, if the browser would check for a @2x image. As this isn’t the case, and we’re not sure if it will ever be, we have to come up with new solutions. 

Read More

    • #ipad
    • #css3
    • #retina
    • #-webkit-device-pixel-ratio
    • #web design
  • 2 months ago
  • 3
  • Permalink
  • Share
    Tweet
Very interesting case study by Microsoft about the differences between (UX) designing for iPad vs. Windows 8 Metro style.
“In this case study we want to help designers and developers who are familiar with iOS to reimagine their apps using Metro style design principles. We show you how to translate common user interface and experience patterns found in iPad apps to Windows 8 Metro style apps. We draw on our experience building the same app for the iPad and for Windows 8. We use common design and development scenarios to show how to leverage the Windows 8 platform and incorporate Metro style design principles.”
Check it out: Design case study: iPad to Windows 8 Metro style app
Pop-upView Separately

Very interesting case study by Microsoft about the differences between (UX) designing for iPad vs. Windows 8 Metro style.

“In this case study we want to help designers and developers who are familiar with iOS to reimagine their apps using Metro style design principles. We show you how to translate common user interface and experience patterns found in iPad apps to Windows 8 Metro style apps. We draw on our experience building the same app for the iPad and for Windows 8. We use common design and development scenarios to show how to leverage the Windows 8 platform and incorporate Metro style design principles.”

Check it out: Design case study: iPad to Windows 8 Metro style app

    • #ux design for mobile
    • #ux design
    • #mobile
    • #windows8
    • #ipad
    • #tablet
  • 2 months ago
  • 1
  • Permalink
  • Share
    Tweet

1984 - Nicholas Negroponte predicts the iPad, iBooks and an One Laptop per Child kinda project.

    • #technology
    • #ipad
  • 3 months ago
  • Permalink
  • Share
    Tweet

Samsung Galaxy Tab. It’s Time to Tab (Parody)

    • #ipad
    • #tablet
  • 4 months ago
  • 2
  • Permalink
  • Share
    Tweet
What people are doing while they are watching TV. Researched by Nielsen.
A lot is still unrelated to the TV program. But 40% of the tablet & smartphone users use their device daily and 70% weekly while watching TV. (Via Nielsen)
Pop-upView Separately

What people are doing while they are watching TV. Researched by Nielsen.

A lot is still unrelated to the TV program. But 40% of the tablet & smartphone users use their device daily and 70% weekly while watching TV. (Via Nielsen)

    • #social tv
    • #ipad
  • 7 months ago
  • 15
  • Permalink
  • Share
    Tweet

Jumbo games is going to bring real board games to the iPad. Looks like fun!

    • #ipad
    • #games
    • #jumbo
    • #ipawn
  • 7 months ago
  • 60
  • Permalink
  • Share
    Tweet

About Ruben Bos

Can't keep up with modern life & technology? I'm half Dutch, half Irish and addicted to roze koeken. So you can trust me by following this Tumblr.

In daily life I'm a Creative Director at Mangrove, a digital agency from The Netherlands.

like like like

Speaking at

Nothing planned

previous talks

Appsterdam Guru Sessions
UX design for mobile (workshop)
14th March 2012
BNO, The Netherlands

Digital Divide
23th January 2012
The Hague University

SXSW Interactive
How the Web is Changing Dutch Politics
14th March 2011
Austin (TX), United States

Interested? Contact me!
Please let me know in advance if I'm not allowed to insult your audience.

Order my book

Webdesign Rules!

Webdesign Rules! is a book about webdesign written for clients of web agencies. Available in Dutch.

Buy at

Or in the Apple iBook store.

follow me on

  • Linkedin Profile
  • Facebook Profile
  • My Cargo Collective Site
  • rbos on Flickr
  • rubenbos on Dribbble
  • rbos on Vimeo
  • rubenbos on Last.fm
  • rubenbos on Foursquare
  • rubenbos on Gowalla

posts I like

See more →
  • Audio post via lastighip

    Boring Pop - Nathan’s Rotation -

    image

    Wij kwamen de Rotterdamse band Boring Pop een keer tegen in een hamburgertent met de naam Burger...
    Audio post via lastighip
  • Post via christowski
    Why Designers Are Time Travellers

    Just like last year, Colly created a paper for this year’s New Adventures conference, containing...

    Post via christowski
  • Post via bramvanrijen
    Esther Aarts

    Esther Aarts

    Post via bramvanrijen
  • Link via bramvanrijen
    Skull Nickels

    Skull nickels, ook bekend als ‘hobo nickels’.

    Link via bramvanrijen
  • Photo via thriftersgonnathrift

    Postcard
    Design by I. van de Boom

    Photo via thriftersgonnathrift
  • RSS
  • Random
  • Archive
  • Mobile

Effector Theme by Carlo Franco & modified by Ruben Bos.

Powered by Tumblr