cssgallery.info - Resources for web and mobile developers

And at least once a day somebody wants a pixel-perfect website. I’m sure you guys and girls working with designers have heard in the past few months:“Look, I’ve Installed Pixel Perfect addon for Mozilla and the website I designed and the website you coded are not identical”.

I’m wondering what people want. It’s a mistake thinking that what we want is what everybody wants. The user’s needs are not the designer’s need of a good looking website or the developer’s need of a fast loading, functional website. What do the people with the IDEA and the money to build a website want from the company making the website? Do they know what they need?

Do you think using weird fonts will improve or distroy your website? Do you think a boring typeface is better than a wacky one? Then you haven’t seen these fonts

1. Amadeus

2. AKKA

3. Hornswoggled

4. BPdotsUnicase

5. Badaboom

Any wacky ideas anyone?

Being a lazy person, I always wanted to have a translate feature in my broswer so I won’t have to google-translate everything. When it finally was included in the Chrome browser I discovered that at first it was annoying and that the Options button in the right is not the best choice they could have made from the usability point of view.

Sometimes…

I develop websites for foreign clients. At first I am not interested in reading their website cause I just want to take a look at the layout, at the menu, at the images and to asses the general look and feel of the website. So I browse the website and with every new page I check the same message pops-up.

Anyone thinks the language redirect that some companies provide is simply annoying sometimes?

Take for example the three IT giants that probably did some usability testing involving the language redirect.

Google.com

knows even better than I do that I want to go on Google.es and that I want it to search in the Spanish pages.

For the font maniacs that would like to improve the web’s boring look with some new fancy fonts, here’s a list with great free retro fonts that will improve your website design.

1. UpperEastSide

2. Riesling

3. Lemonchicken

4. Deftone Stylus

5. LakeShoreDrive

Ingredients:

sprites, unorderdered lists, Mootools knowledge.

Cooking time:

1 hr

Result:

Can be seen on our website – Rborn Web development – mouse-over the top menu.

Very simple problem with a pretty complicated solution, mostly because IE is ignoring the box-shadow CSS3 property. Instead progid:DXImageTransform.Microsoft.Shadow is doing the trick for it and an equivalent can be found.

The result?

How to create a tooltip to those that are using Titanium to develop their iPhone apps. Download the code and test it by yourself.

In this post I will explain how to create custom rows for TableViews using Titanium Mobile. The project source can be downloaded to play with.

I am sure you all know about Mictosoft’s IE9 Testdrive. Its main target was, for now, the developer – in an attempt to showcase the improvements in IE9 and maybe make us be more nice to them and forget how much time we waste with IE6.

What I was interested as a frontend developer was the the compatibility tables for features like SVG, CSS3 and DOM. And the test results, as per Microsoft’s page, are all gorgeous.