• Забыть о фиксированных величинах, то есть про px и использовать % по максимуму.
  
• Использовать svg вместо png, или увеличивать размер png
  
• Применяя media queries определять экраны с высокой плотностью пикселей и заменять изображения на увеличенные в 2 раза. Можно для этих целей применить javaScript, можно заюзать retina.js
  

Попробуйте Modx Revolution

Лучший способ, понять как верстать правильно, это посмотреть исходники общепризнанных решений, от опытных специалистов. Советую вам изучить код нескольких css-фреймворков, например Foundation и Bootstrap. Css код первого, на мой взгляд, практически эталон.

Рекомендую почитать книгу Дэвида Макфарланда Большая книга CSS, достаточно интересный материал. Ещё не плохая вещь CSS-каскадные таблицы стилей от Эрика Мейера.