Сергей

1. Задайте всем формам один и тот же класс.
2. Используйте метод each в jquery для обработки каждой формы отдельно.

Используйте для айфонов и айпадов отдельный css файл, в котором для .article-dateline вы пропишите нужные цвета и стили. Но я думаю ,что у Вас где-то выше тупо не закрыт тег ссылки. Гуглите css mediaquery

bootstrap + jquery?

Вам надо учить jquery

Это делает фронтэнд разработчик, как правило на javascript и фреймворках, например на jquery. Это уже не верстка, а программирование, и тут нужен javascript программист. Как правило фронтэнд разработчик может и верстать, но это глупо, т.к. время верстальщика стоит дешевле. Вы, как я понял, просто верстальщик, и вас грузить фронт энд программированием не верно.

Любая php ide, уверен, что для саблайм есть нужные плагины, выше советовали brackets

Ничего не понял из вопроса, установите firebug, к нему плагин pixel perfect, наложите поверх макета и верстайте. Каждый браузер и ОС по разному рендерят шрифты, поэтому прям пиксель в пиксель сделать не получится, но можно сделать практически 1 в 1, как с макетом

В любом приложении нужно и фронтэнд программирование и серверное. Для серверной части подойдет php, для фронтэнда, скорее всего, Вам понадобится javascript+jquery (или любой другой фрэймворк), может будет достаточно одного html5

Сталкивался с похожей проблемой для стрелочек в карусели в зависимости от разрешения экрана.
Справился с помощью jQuery.

Вот код, но дописать Вам надо будет самим, легко поймете и справитесь:

<script language="JavaScript">
   $(document).ready(function(){ 
	
		//Get the window height and width
		var winH = $(window).height();
		var winW = $(window).width();



    if($(window).width()<900) {
       
    }

$(window).resize(function() {
 if($(window).width()<900) {
       показываем маленькую картинку
    }

 if($(window).width()>=900) {
     показываем большую картинку
    }

});
});

</script> 

А что если делать сайт статическим, а не резиновым? Но с помощью джейкуэри для разного разрешения экрана подгружать свою таблицу стилей? Таким образом можно быть уверенным, что ничего не поползет, сайт тянется вроде как, все довольны. Нет?

Или зачем это нужно тогда?

Каждый по разному воспринимает css.
В каких-то браузерах по дефолту идут отступы, где-то больше, где-то меньше. Такая хрень может быть для заголовков, например.
Некоторые фишки браузер может не поддерживать, например ие6 не держит margin: auto для блоков, или прозрачность.
А некоторые браузеры (ие) не всегда наследуют значения родителя-элемента, и это все надо прописывать отдельно. Шаманить и применять css хаки, что бы именно в этом браузере сделать так, как нужно.

У меня проблема только с ие. Вечно везде все ок, в ие ползет.
Когда в ие все ок я удивляюсь.

js не причем