Сергей Некрасов

Далай Лама. Этика для нового тысячелетия.

Здесь очень интересные современные макеты theuncreativelab.com

Трюки, уроки , подборки с Codepen - и всё это здесь
На Codepen если искать правильными словами, тоже есть неплохие вещи, с недавних пор немножко там сижу))

html
{
position:relative;
min-height:100%;
}
body
{
height: 100%;

}
footer
{
position: absolute;
bottom: 0;
width: 100%;
}

Для одеска рановато, сверстайте ещё 30 страниц, что бы чувствовать себя уверенней и не только лендинги, а например е-коммерс.

Susy

$(document).ready(function(){
var obj = $('#sticky');
var offset = obj.offset();
var topOffset = offset.top;
var marginTop = obj.css("marginTop");

$(window).scroll(function() {
var scrollTop = $(window).scrollTop();

	if (scrollTop >= topOffset){

		obj.css({
			marginTop: 90,
			position: 'fixed',
		});
	}

	if (scrollTop < topOffset){

		obj.css({
			marginTop: 20,
			position: 'relative',
		});
	}
});
});

Напишу как сделал я, изучил основы html, css(как вы на данный момент), сверстал пару страниц, затем создал свой личный сайт-портфолио, положил в него несколько своих работ, и разместил на всяких ресурсах (hh, avito, superjob), а так же пулял своё резюме по всем вакансиям, связанных с версткой (в том числе и сайт-портфолио). Прошёл 4-5 собеседований неудачно(в основном из-за отсутствия знаний по JS), на 6 раз попал в команду! От одних книг опыт не прибавиться, практика - вещь!

snazzymaps.com/tag/greyscale - готовые решения

GitHub

Я бы назвал это минималистичекский дизайн, на это указывают шрифты, кнопки с пустым пространством и вообще минимум элементов, просто в качастве фона фотография, не так давно это стало в тренде!

Устройтесь на работу, только практика - только хардкор. А кнгиги читайте перед сном.