Антон Бережков

https://github.com/serbanghita/Mobile-Detect

Попробуй, может прокатит ;)

Ну вот смотри:

HTML/CSS - это как математика за 5ый класс, да на неё срать, потому что мы все это умеем.
Но SCSS/SASS без CSS ничто. А что такое SCSS? -30% CSS кода.
Согласись, что такое писать в 1000 раз красивее:

@mixin flatFormBaseColorizer($a, $b, $c, $d) {
  border-color: $a;
  color: $c;
  
  &:focus {
    border-color: $b;
    color: $d;
  }
}

@mixin flatFormBase() {
  border-width: 1px;
  border-style: solid;
  border-radius: 5px;
  background-color: white;
  font-size: 15px;
  padding: 5px 7px;
  
  @include flatFormBaseColorizer(join($colorsGray, ($fontColor, $fontColor))...);
  
  &.partial {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
  }
}

.flatForm {
  input {
    @include flatFormBase();
    
    &[type="text"], &[type="password"] {
      &.blue {
        @include flatFormBaseColorizer(join($colorsBlue, ($fontColor, $fontColor))...);
      }
    }
    
    &[type="checkbox"] {
      margin-right: 8px;
      
      & + label {
        font-size: 14px;
        font-weight: bold;
        text-align: left;
      }
    }
  }
  
  textarea {
    @include flatFormBase();
    
    &.blue {
      @include flatFormBaseColorizer(join($colorsBlue, ($fontColor, $fontColor))...);
    }
    
    &.green {
      @include flatFormBaseColorizer(join($colorsGreen, ($fontColor, $fontColor))...);
    }
  }
  
  select {
    @include flatFormBase();
  }
  
  input[type="submit"], input[type="reset"], button {
    @include flatFormButtonColorizer($colorsGray...);
    
    &.blue {
      @include flatFormButtonColorizer($colorsBlue...);
    }
    
    &.green {
      @include flatFormButtonColorizer($colorsGreen...);
    }
    
    &.red {
      @include flatFormButtonColorizer($colorsRed...);
    }
  }
}

То же самое и с JS; Angular, react и т.д. дают тебе большую скорость/удобность, но без JS ты не сможешь реально адаптировать решение для задачи.

Да, сейчас такой век, когда всем подавай красивые фронты.
Изучая руби, ты или станеш веб-мастером(мало изучения) или программистом(полностью забудешь о вёрстке).

Итого мы получаем вывод:
1. Хочу быть "крутым верстальщиком": css-tricks, фреймворки, типография
2. Хочу быть "веб-мастером": подучи rails/php, но ВМ часто уходят в создание своих сайтов и бизнеса.
3. Хочу быть программистом: забиваешь на вёрстку, ныряешь в JS/PHP/Ruby

ИМХО: Лучше быть профессиональным мего-крутейшим верстальщиком знающим angular, sass, react, все браузеры, и никогда не говорить заказчику "нет". В этом случае, они будут подсиживаться на тебя ;)