[video]
[video]
[video]
[video]
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.
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
[video]
BBC News developers blogging about their experiences with responsive design: http://blog.responsivenews.co.uk
Love the way how BBC covers their development efforts.
[video]
So, this guy walks into an a web forum, and posts the ultimate Windows Desktop UI Concept. Based on the Microsoft’s Metro UI, which can be found on Windows Phones and Xbox 360.
[video]
Nice article on Design Shack why Pinterest is so great. From an UX view.
Brit - The Areaware Alarm Dock Turns Your iPhone Into an Old School Flip Clock
via davemorin
[video]
Live.js -
“is a productivity tool, primarily aimed at front-end developers working in a development environment. It allows you to view the latest changes to your web page in the browser in real time, an auto refresh of sorts. In other words, whether you’re editing JavaScript, CSS or HTML files, as soon as you hit CTRL-S, the browser is updated with your changes. So in theory, when in development, you can kiss goodbye to constant ALT-TAB and F5 based-distractions and concentrate on your workflow – your page will always be up to date in Chrome, Firefox, IE etc…”