Equal height HTML elements in a container with CSS

Task: create HTML elements that contain other elements and adjust their height to surrounding container. No Javascript allowed. That's surprisingly hard; height:100% won't work; elements generally wrap their contents tightly and don't extend to their parents height dimension. Illustrating the problem: three elements inside a surrounding container Css-tricks lists several ways [1] to get this … Continue reading Equal height HTML elements in a container with CSS

Using Blogger with a custom domain: the zonefile dot problem

A quick note to myself the next time I stumble over this: when you instruct Blogger to map the blog to a 3rd party (custom) domain it basically instructs you to add three entries to your domain's zone file: 1. a mapping from the domain to ghs.google.com 2. a mapping from some weird subdomain you'll … Continue reading Using Blogger with a custom domain: the zonefile dot problem

Increasing window resize corner in Ubuntu 12.04

Resizing a window in Unity/Ubuntu 12.04 is quite a pain as one needs to target the 1 pixel border of the lower right corner. Fortunately the width can be increased: Edit /usr/share/themes/Ambiance/metacity-1/metacity-theme-1.xml and increase the widths, i.e.:   <distance name="left_width" value="8"/>   <distance name="right_width" value="8"/>   <distance name="bottom_height" value="8"/> Log out and in again.

Replacing social sharing buttons with javascript-less alternatives

Social sharing widgets slow down page loading For every public facing site there comes the moment where its content has to be shared in social media. We all know the dreaded "Like" or "Tweet" buttons on many sites or blogs. They not only compete for the reader's attention but also for screen real estate and … Continue reading Replacing social sharing buttons with javascript-less alternatives

Internet Explorer: Disabling clicks on a page

Disabling clicks on a webpage should be easy: put a div in front of it with a fixed position which should get all clicks. With IE that is not easy because a completely transparent element will forward clicks to the underlying element. Some solutions I found: Alpha filter with background Adding these CSS properties (IE8 … Continue reading Internet Explorer: Disabling clicks on a page

Changing sub-pixel rendering in Ubuntu 12.04

In older Ubuntu releases one could change the sub-pixel rendering in the system settings, but that option was unfortunately removed in newer releases. Fortunately it is still accessible via gnome settings [1]: Open dconf-editor In the left pane, go to /org/gnome/settings-daemon/plugins/xsettings In the right pane, change the value of the rgba-order key to bgr: or … Continue reading Changing sub-pixel rendering in Ubuntu 12.04

Shortcut icons on Unity desktop

Noteworthy as Unity's turn away from the desktop towards the launcher might be, I'm an old dog and like my screen crowded. The (manual) way to create a new desktop shortcut icon to an application is to create a shortcut file in the Desktop directory, i.e: /home/george/Desktop/Firefox8.desktop And the contents: [Desktop Entry] Encoding=UTF-8 Version=1.0 Name=Firefox … Continue reading Shortcut icons on Unity desktop