Чем left: -999999px лучше, чем display:none ?

display: none - нельзя плавно показать одним css-ом, в отличие от left.

Первоначально этот трюк предназначался для экранных читалок. Текст скрытый через display: none они не видят, а сдвинутый за экран без проблем читают.

У нас до сих пор не принято обращать внимание на доступность сайта слепым и прочим инвалидам, а на западе это практически обязательно.

Если display:none, background-image и прочие картинки не будут загружены, пока элемент не станет видимым.

Почему вы решили, что он лучше и если он действительно лучше, почему большинство разработчиков используют display:none?

Был неправ, сегодня столкнулся с интересной особенностью браузера firefox (на других не проявляется): В спрятанном display:none блоке функция MatchMedia возвращает null, для блока с left:-999999 все нормально. В частности, реализовал проект, на котором видео с ютуба должно было запускаться после нажатия кнопки и появления ранее невидимого блока на экране. В файрфоксе в невидимом блоке инициализация объекта с видео не происходит и вместо него лишь черный экран (в других браузерах все ок). Переписывание стилей с display:none на left:-99999 решило проблему. Также подобное описывается тут stackoverflow.com/questions/12056313/matchmedia-re..., поэтому в редких случаях хак с left имеет право быть, но только в редких случаях.

left удобно использовать когда элемент должен иметь несколько позиций в зависимости от чего-либо (оригинальной идеи, размера окна и тд.)

При использовании display:none, в резиновой верстке, будет сложнее через js получить размер скрытых изображений.

По разным причинам, так навскидку и не вспомнишь. Но могу подкинуть еще способ с visibility. Тоже иногда полезно (а иногда необходимо для некоторых браузеров).