Things I've Learnt

I write code for a living. Sometimes, I learn something new. Twitter: @morethanreal

[afewthingsivelearnt]

On Android Jellybean, seems like if there's an element with position:fixed anywhere in the DOM, Bing maps renders badly.

[afewthingsivelearnt]

Using HTML entities in CSS pseudo elements

If you want to use HTML entities in the CSS pseudo element's `content` property, use escaped unicode: /* this puts a middle dot between spans */ span:not(.last-child):after { content: '\00b7'; }

[afewthingsivelearnt]

I did not have his exact problem but I share the frustration.

[afewthingsivelearnt]

To show only certain tags from `adb logcat` you need to silence everything you don't want. For example, to show only `MyTag`: adb logcat *:s MyTag

[afewthingsivelearnt]

Starting XCode 4.3, downloading XCode will not install gcc/binutils/other useful things. You need to go into **XCode > Preferences > Downloads > Install Command Line Tools**. Then, you can install a non-LLVM GCC with [`homebrew`](http://mxcl.github.com/homebrew/): brew tap homebrew/dupes; brew install gcc --use-llvm

[afewthingsivelearnt]

Fun with "git grep"

git grep is awesome.

Search only in files tracked by git:

git grep 'foobar'

Search commits made in the last 2 days:

git grep 'foobar' $(git rev-list \ $(git rev-parse --since="2 days ago") HEAD)

[afewthingsivelearnt]

IE8 does not have `window.innerWidth` and `window.innerHeight`. [http://www.quirksmode.org/dom/w3c_cssom.html](http://www.quirksmode.org/dom/w3c_cssom.html)

[afewthingsivelearnt]

In CSS 2.1, the effect of `min-height` and `max-height` on tables, inline tables, table cells, table rows, and row groups is undefined.

[http://www.w3.org/TR/CSS21/visudet.html#min-max-heights](http://www.w3.org/TR/CSS21/visudet.html#min-max-heights)

[afewthingsivelearnt]

`float` takes the element out of the normal flow, so its parent will have a height of 0. [1][] .container { height: auto; border: 1px solid black; } .float1 { float: left; background-color: yellow; } .float2 { float: right; background-color: lightblue; }

Left

Right

Output:

To handle this, add `overflow: hidden` to the container. Elements with `overflow` other than `visible` establish new block formatting contexts for their contents. [2][] .container { height: auto; border: 1px solid black; overflow: hidden; } Output:

[1] [http://www.w3.org/TR/CSS2/visuren.html#floats](http://www.w3.org/TR/CSS2/visuren.html#floats) [2] [http://www.w3.org/TR/CSS21/visuren.html#block-formatting](http://www.w3.org/TR/CSS21/visuren.html#block-formatting) [1]: http://www.w3.org/TR/CSS2/visuren.html#floats [2]: http://www.w3.org/TR/CSS21/visuren.html#block-formatting