BlogmyQuery – BMQ

A couple of projects I’ve been working on lately have triggered a frustrating overflow bug that took me ages to find the cause of. Sometimes a horizontal scrollbar would appear for no obvious reason.

I first noticed it in narrow mobile viewports when testing changing the orientation from landscape to portrait in the iOS Simulator, which made me think that it happened only in iOS WebKit. However when I made a minimal test case to try to isolate the problem it turned out that it happens in WebKit-based desktop browsers like Safari, Chrome, and iCab as well. I haven’t been able to reproduce it in any other browsers though.

After a lot of testing I found the culprit, and it was a quite unexpected one to me.

Read full post

Posted in Browsers, CSS.

Copyright © Roger Johansson

One thing about iOS browsers that can be pretty frustrating, both as a developer and as a user, is when you open a site on an iPhone or iPod Touch (not iPad) and want to enter some text in a text field or pick an option from a select menu. Very often the browser will automatically zoom in on the entire page a little when you tap the form control.

The intention is likely to be helpful and ensure that you can see the text you’re typing or the options in the select element. This is fine, of course. What’s annoying is that the browser doesn’t zoom back out once you’re done with the control, so you have to pinch the screen and manually zoom out. Not showstopping, but rather annoying. This behaviour seems to be the same for all browsers that use WebKit, which as far as I know means all iOS browsers except Opera Mini (which does not auto-zoom form controls).

For end users I don’t know if it is possible to avoid this, but for web developers there are a couple of ways.

Read full post

Posted in CSS, iOS.

Copyright © Roger Johansson

Design is important. As you are readers of Noupe, one of the best design magazines this side of the milky way, you are certainly aware of that. Recently I had the chance to take a deeper look at three design-oriented hotel concepts over here in Thailand. And I saw that design sometimes just isn't enough. For a hotel to be successful it must have a strong concept that appeals to an increasingly wide range of people from all over the world. I went to check the Millenium Resort, the Pimnara Hotel and the Color Kata Hotel, all three located in Phuket, Thailand. And this is my story...

How many times have you stumbled into a website that captivates you with its unique, remarkable design, where every functional part shines with originality? Then, when you decide to follow this creative person you suddenly discover that social media icons are just ordinary squares with recognizable colors and logos that barely fit into the whole composition. And as a result the overall effect fades away, the first impression proves wrong. It would seem that such a tiny thing as set of 32 px sized icons can’t bring disharmony, but as all we know, good design depends on attention to the details. Put that way even such a small part can radically change th general impression of what you see. An alternative would be creating everything from scratch. But that can be really time-consuming, especially with uncommon design intentions. What do we all do? We stroll along the broad avenues and tiny sideways of the world wide web, hoping to find these little helpers to make the web design shiny and impressive. Though this might cost a little time as well as money, generally, it is worth it. To save you from wasting hours of your productive time, we have picked 25 diverse social icon packs that can definitely outshine other ordinary collections and make your website design exceptional and memorable.

The people at UK web hosting company Heart Internet wanted to find out what web designers think of their jobs, their perspectives and the industry as a whole. As 5oo designers had their say, the results may well be seen as at least not totally out of range. Still they are not representative for the industry as a whole. With that in mind, let’s take a look at the key findings…