Определение размера экрана для адаптивной верстки сайта

<script type="text/javascript">
      (function(){
 if (window.devicePixelRatio !== 1){
  var dpt = window.devicePixelRatio;
  var widthM = window.screen.width * dpt;
  var widthH = window.screen.height * dpt;
  document.write('<meta name="viewport" content="width=' + widthM+ ', height=' + widthH + '"/>');
}
 }
  )
 </script>

Полезные ресурсы

Полезные ресурсы

Отличные ресурсы для подбора цвета

http://www.design-seeds.com/blog/

И крутая ссылка с адаптивными шаблонами html5

https://html5up.net/