Вариант 100% действенный, но мне кажется как портфолио веб-дизайнера не прокатит, все таки для таких портфолио логичнее рисовать самому, поглядывая на эти шаблоны из themeforest'a одним глазком.
Анатолий Саламатин: тут все зависит от того, за что взимать плату? За доступ к сайту или его функциям - нет, продавать свои продукты/услуги, используя сайт вы естественно можете.
Петр: согласен, упомянл чисто потому что автор спрашивал про этот способ, но вы не правы насчет 3 пункта, CSS стили можно применять, если писать тэг use в отдельном тэге svg и применять стили к нему. Можно даже получить доступ к внутренним классам и анимировать части svg при желании.
7. Gulp. Grunt морально устарел, актуальный таск-раннер - Gulp, актуальный сборщик - Webpack. Плагины советовать сложно, зависит от того, что именно вам нужно. Совет: устанавливайте постепенно, так точно не поставите лишнее.
Станислав Ботев: 3. Опять же, это делается медиа-запросами, в зависимости от вьюпорта (=ширины устройства) уменьшается контейнер.
4. К контейнеру.
Сетку любую, можно взять из фреймворка типа Bootstrap/Foundation, можно взять что-то более легковесное, но не советую, так как эти "тяжелые" UI фреймворки наиболее популярны и, вероятно, вам все равно придется использовать их в будущем, а легковесных сеток настолько много, что в них легко запутаться. На сайте бутстрапа можно скачать только сетку (раздел Customize), советую так и сделать. Так же могу посоветовать хороший (имхо) вебинар по этой теме, там тема сеток разжевана досканально.
4. margin-left: auto, margin-right: auto
Советую посмотреть исходники любой готовой сетки и по чуть-чуть воровать оттуда свойства для своих велосипедов.
3. Ну смотря что вы понимаете под решением, мой 1280px монитор 1360px не вместит и прокрутка все равно появится :) В сетках для этого используются медиа-запросы.
Sergey Goryachev: так он не пустой с точки зрения html, он пустой в CSS, потому что не имеет стилей оформления, а за его геометрию отвечает другой класс, элемент его родителя.
Вот, по сути header__item определяет внешнюю геометрию для слайдера. А теперь допустим, что ничего кроме внешней геометрии блоку slider и не надо и никаких общих свойств у slider__img и slider__thumbnail естественно нет. Вроде бы с точки зрения БЭМ-а все отлично, но класс slider то получается остался без стилей.
Sergey Goryachev: если я вынесу их в блоки, то как их позициноировать, ведь блок не должен иметь внешнюю геометрю? Создавать новые элементы у родителя?
