It's not flat

I’m not sure what’s going on over at Dribbble.com that everyone went nuts over what they called the ‘Flat’ style. One thing that I noticed is that most of them have a shadow. A big shadow. Not really flat then. Since then a nomenclature discussion has started and, thankfully, they are beginning to call that trend ‘Long Shadows.’ I personally think those icons look more like potato stamps. So whenever I see:
, I think of this:
(quick POV-Ray thingie).

On album art

As songs become easier to get ungrouped from the whole album, the notion of "Album Art" becomes less meaningful and relevant. I hope we can start seeing "Song Art" more and more now.

Nine Inch Nails' The Slip does this by-the-way.

Media queries?

CSS media queries are all great and all, until you have to deal with scrollbar widths. ugg.

Fixing screen resize for linux in VMWare

If the screen stops resizing when running Linux under VMWare, check the following:

• VMWare tools are installed, configured and running.

• Virtual Machine Settings for Display are set to Use host setting for monitors

• Check that Xorg is able to load the needed modules

  Search /var/log/Xorg.0.log for possible issues with VMWare, i.e. grep "vmware" -A 5 -B 5 < Xorg.0.log. Such issues could include being unable to load require modules such as vmwgfx or vmwlegacy

  If there are, uninstalling and reinstalling the package xserver-xorg-video-vmware might help as suggested in their forums

8:10 PM

One of the worst ways to make something easier to use is to just claim it is easy to use. Not living to expectations sucks. Just getting rid of the manual and/or help files doesn't automatically make the product easier to use.

On EULAs and terms of service

How unreadable and complex EULAs (End User Licence Agreements) and terms of service have become, that when just clicking on the Accept button without actually reading the text, the user is prompted to 'scroll to the bottom' of the text, instead of actually reading it.

Note about CSS3 transition animations

If your animation doesn't seem to work, check the units used in the property that is not animating. For example: the width won't animate if the previous value is specified in pixels and the new value is in percentages.

This happened to me in RockMelt (version 0.9.68.1362, build 887eaf8). Mozilla's FireFox (7.0.1) seems to cope better with this situation and still do the animation.

For example, if you have something like this:

<style>#testAnim {
display: block;
-webkit-transition-duration: 1.7s;
-moz-transition-duration: 1.7s;
-o-transition-duration: 1.7s;
-ms-transition-duration: 1.7s;
transition-duration: 1.7s;
-webkit-transition-delay: 0.5s;
-moz-transition-delay: 0.5s;
-o-transition-delay: 0.5s;
-ms-transition-delay: 0.5s;
transition-delay: 0.5s;
-webkit-transition-property: border-radius;
-moz-transition-property: border-radius;
-o-transition-property: border-radius;
-ms-transition-property: border-radius;
transition-property: border-radius;
border-radius: 4px; padding: 25px; border: 1px solid red;
}
#testAnim:hover {border-radius: 50%}
#testAnim:focus {border-radius: 33px}
</style><a id="testAnim" href="#">Test by hovering</a>

Test by hovering and by tab'ing into this link. On some browsers the :hover won't animate but the :focus will

The CSS Transitions Module Level 3 spec doesn't seem to mention these kinds of situations