CSS Rollovers 1 image
Posted on September 6th, 2011
The default image that is visible to the user is the black & white yaprak_bw.png and when you hover over the image, it’s replaced by yaprak_color.png with its full-color glory. However, if this is a user’s initial visit to the website and therefore the color image hasn’t already been cached, there may be a user-perceivable delay in switching to the color image. The net annoyance will depend on factors like the user’s connection speed, the load on the web server and most importantly, the attentiveness of the user. A couple of methods can be applied to pre-load alternate images to avoid the perceived latency but I will advocate for something else: don’t use separate alternate images in the first place. You can use a single image where the two rollover images are flush with each other, side by side or one on top of another. Here’s how:
MacBook Pro keyboard backlight keys on Ubuntu GNU/Linux
Posted on October 4th, 2010
Just right-click on this link, save to your computer and rename it to keyboard-backlight. You can drop it at /usr/bin to execute from wherever you are.
Using keyboard-backlight from command-line
This script could have 4 different uses:
Increase backlight keyboard: sudo keyboard-backlight up
Decrease backlight keyboard: sudo keyboard-backlight down
Increase to total value of keyboard backlight: sudo keyboard-backlight total
Turn off backlight keyboard: sudo keyboard-backlight off
You can customize the amount of steps by changing the INCREMENT variable inside keyboard-backlight file.
CSS Background Image Map
Posted on January 25th, 2010
This is a neat little trick that will allow you to create multiple clickable areas over any background image using CSS. This is easier, to me, than making image maps in HTML used to be.
First add a background image to an element on your page in CSS like this:
The background of this box is an image. (more…)
Removing The Dotted Outline
Posted on January 25th, 2010
Anchor links (<a>’s) by default have a dotted outline around them when the become “active” or “focused”. In Firefox 3, the color is determined by the color of the text. I believe in previous versions and in some other browsers it is by default gray. This is default styling for the purpose of accessibility. For folks without the ability to use a mouse, they still need some visual indicator that they currently have a link active (so, for example, they can press enter to navigate to that link). (more…)
htaccess Cheatsheet
Posted on January 23rd, 2010
Here is a simple cheatsheet for the .htaccess file:
Enable Directory Browsing
Options +Indexes
## block a few types of files from showing
IndexIgnore *.wmv *.mp4 *.avi (more…)
