YemSalat

<a href="/">
  <img src="logo.png" alt="company logo">
</a>

Оптимальный вариант на мой взгляд. Без всяких дивов и заголовков.

Можно на основной стиль (который для десктопа) поставить атрибут медиа, и в нем прописать media query.
Например:

<link rel="stylesheet" href="desktop.css" media="screen and (min-width: 500px)">

Тогда этот файл будет грузиться только на девайсах с шириной экрана больше 500px.

Соответсвенно на мобильных стилях будет:

<link rel="stylesheet" href="mobile.css" media="screen and (max-width: 499px)">

Мне кажется что из языков с динамической типизацией JavaScript сейчас самый привлекательный. Как в плане поиска работы, так и в плане равития технологий.

codepen.io определенно лучший по функционалу

var obj = {
  key_42: 0,
  key_33: 1,
  key_24: 2,
  key_89: 3
};

document.addEventListener('keydown', function(evt) {
    return obj['key_' + evt.keyCode];
});

li > a { display: block; }

ничего другого не надо

В parseInt() нужно добавить radix. Like this - parseInt("1000", 10)

Если грубо, то можно так: http://jsfiddle.net/7XYdT

[edit]
Сори, не правильно понял задачу