Extramezz

<table border>
    <thead>
        <td>ПН</td>
        <td>ВТ</td>
        <td>СР</td>
        <td>ЧТ</td>
        <td>ПТ</td>
        <td>СБ</td>
        <td>ВС</td>
    </thead>
    <tr id="state">
        <td>Выходной</td>
        <td>Выходной</td>
        <td>Выходной</td>
        <td>Выходной</td>
        <td>15-21</td>
        <td>15-21</td>
        <td>16-21</td>
    </tr>
</table>

var 
    $Table = $("<table />"),  
    $Thead = $("<thead />").appendTo($Table), 
    $Row   = $("<tr />").appendTo($Table),
    $_tds  = $("#state td"),  $_heads = $("thead td"),
start, i = 0;

for(; i < $_tds.length; i++){
  start = i; 
  while(
     $_tds.get(i++) && $_tds.eq(i).text() == $_tds.eq(i - 1).text()
  ){}

  $Row.append(
      "<td>" + $_tds.eq(--i).text() + "</td>"
  ); 
  $Thead.append(
      "<td>" + (i == start ? "" :  $_heads.eq(start).text() + "-") + $_heads.eq(i).text() + "</td>"
   );
}

$("table").replaceWith($Table);

function str_reverse($string){
   return iconv('utf-16be', 'utf-8', strrev(
      iconv('utf-8', 'utf-16le', $string)
   ));
}

function str_reverse($string){
   return implode("", array_reverse(
      str_split($string)
   ));
}

var i  //Создать переменную i (undefined) в данной области видимости
 = i;  //Затем присвоить ей значение переменной переменной i (которую только что создали - undefined)

var ter = document.getElementById("kad_1").checked; //true или false
price =parseInt(ter.title); //  parseInt(undefined)

var ter = document.getElementById("kad_1"),
      price = parseInt(ter.title); //А лучше просто +ter.title

function calc() {
  var result = document.getElementById("result");
  //this и так document.getElementById("kad_1");              
  
  result.innerHTML = +this.title;
}

сами ссылки на удаления объектов получаю аяксом

$(document).on('click', '.remove', function(e){
    e.preventDefault();
    alert($(this).attr('href'));
});

• БЭМ. Независимые блоки.
  
• Препроцессоры
  
• Постпроцессоры
  
• Семантическая верстка
  
• Целиком и полностью адаптивная верстка
  
• Грамотное использование тегов HTML5
  
• Оптимизация скорости загрузки страниц
  
• Меньше бессмысленных JS-плагинов и библиотек
  
• Относительная кроссбраузерность
  
• Деление сайта на 2 версии - сжатую (без мусора и воды, ту, что реально сервер будет отдавать) и обычную (для человеко-понятного редактирования).
  
• И еще: Тык
  

.wrapper {
    ....
    table-layout: fixed;
    width: 100%;
}
img{
    max-width: 100%;
}

.two {
    ....
    width: 150px;
}

.main {
   .....
    width: 100%;
    max-width: 200px;
}