Александр

background-size: cover;

1. В том, что type="button" не отправляет формы.
   
2. В том, что у вас событие по клику на эту кнопку, судя по всему, уже превентировано.
   

Никак, только лишь скриптом выявлять мобильные браузеры и добавлять ссылку только для них.
detectmobilebrowsers.com
https://github.com/kaimallea/isMobile

Потому что у таблицы своя жизнь. Даже на width полагаться нельзя, если только вы не выверили все ширины (включая ширину и самой таблицы) пиксель в пиксель.

Я не знаю как это человеческим языком объяснить, это просто нужно запомнить)

PS последней версии поддерживает монтажные области. Видимо, просто ваш дизайнер зачем-то нарисовал макет 2500 шириной.

Если в CSS, то оберните путь в url()

Я бы в стилях каждого плагина написал собственные media queries. Так проще их найти.

эм…

.some-class,
.col-lg-5 {
    /* .col-lg-5 rules */
}

Обычный блок (квадрат) + треугольник с position:absolute, сделанный псевдоэлементом before или after.

Сконвертируйте gif в jpg при загрузке файла =)

Я обычно выношу в переменные коды цветов (типа $face: #face8d). Это удобное расширение для именования тех цветов, CSS-имён у которых нет. Плюс ещё и в том, что $face можно применить и для bg, и для color, и ещё много для чего. Иначе вы сами себя делаете заложником своего же кода.
И сто элементов писать не нужно в одну строку — этим компилятор займётся.
Хорош тот CSS, который не нужно много скроллить, чтобы внести пару изменений =)

Верстать надо не "макеты посложнее", а реальные сайты разной сложности: статичные резиновые, адаптивные. Причём не типовые, как шаблоны для WP, в которых две колонки, шапка и всё. Наработаете десяток сайтов, можно будет уже дальше думать куда идти.