Николай Шабалин

В эмуляторе кончено смотрел, но попробуйте вашему враперу дать overlow: hidden;

Я тоже как-то начинал фрилансить в итоге не сраслось, не вышло. Да и кидают временами. К счастью у всех свой опыт. У Меня не очень удачный.

Для начала определите себе цену. Сколько руб/вчас Вы хотите зарабатывать. Теперь возьму эту цифру и умножьте на 1,5 (коэффицент нужно поставить свой, с опытом придумается). Теперь у тебя адекватная цена! С этой ценой ты сможешь скинуть что-то если понадобиться.

Обязательно бери предоплату. Наплетут тебе в скайпике (любом другом месте) сколько захочешь, ещё в придачу дадут. Как новичку 30%. Дальше 50%. Если с кем-то сработаешь можешь не брать. Если не дают предоплату, ну тут сам решай =)

Старайся искать заказы в своем городе. Можно разослать свои умения в веб-студии твоего города. Они тебя могут в качестве фриласера и нанять.

Определи сколько часов в день ты должен работать. Именно должен. Фриланс очень расслабляет. Остальное время трать на поиски работы.

Пока всё.

На чистом CSS нет. Вы не сможете сократить это.
С помощью препроцессоров да.

#points-table tr {
    td,
    th {
        &:first-child {
            color:red;
        }
    }
}

Но я бы на Вашем месте вообще задумался - Почему я использую такие конструкции? Почему У мня такая неибическая вложенность? Могу ли избавться от идентификатора? И зачем мне это всё нужно.

Про LESS не скажу.
Тоже использую spritesmith, но только для sass.
В sass делаю так

$icons-list: 'vk', 'email', 'map', 'link', 'phone';

@each $icons in $icons-list {
    .b-icon_img_#{$icons} {
        @include sprite($icons);
    }
}

Возможно поможет для переноса для LESS

Методов уйма.
1. Сделайте красному clear: both
2. Родителю float блоков добавьте overflow: hidden, если там конечно позиционинровать вне блока ничего не надо.
3. stackoverflow.com/questions/211383/which-method-of...
4. Почитайте хотя бы чуть-чуть о том то вы используете, я имею ввиду float: left

Из вашего примера, лучше всего наверно сделать так

.content {
...
overflow-y: auto;
}

По теме, сейчас не смогу ответить, но что-то идёт не так.

Используйте относительные единицы измерения (em/rem) везде.
И всё что Вам потребуется сделать, это

body {
     font-size: 90%;
}

Зачем использовать Susy/Breakpoint, когда можно использовать Susy.
Почитать

Получается жесть какая-то

.menu {
  color: red;
  .menu {
    &-list {
      color: green;
      .menu-list {
        &-item {
          color: blacl;
          &:hover {
            color: orange;
          }
        } 
      }
    } 
  }
}

Ссылко

Там это сделано настолько ужасно, что лучше не повторять.
Каждая звездочка это блок, у которой анимируется размер (width и height) и его прозрачность(opacity). А всего там 101 звезда.

Чтобы написать в HTML <div class="fz26">...</div>, то в css должно быть

.fz26 {
 font-size: 26px;
}

, если вы хотите "налету" такое делать, то я способов не знаю.
Но сделать готовые классы вы можете, с помощью любого препроцессора, вам же нужно понять, что именно вам надо нагенерить
Пример
sass

$fz: 12, 26; //устанаваливаете  диапазон значений от 12 до 26
 
@for $i from nth($fz, 1) through nth($fz, 2) {
    .fz#{$i} {
        font-size: #{$i}px;
    }
} //генерите css

css

.fz12 {
  font-size: 12px;
}

.fz13 {
  font-size: 13px;
}
...

Рекомендовано к прочтению .
А дизайнеру передай, что он @#?!&, так макеты не сравнивают.

А есть возможность посмотреть в живую? Ну там ссылки?