Ivan-P

Сигналом является их необходимость для достижения целей, которые ты перед собой ставишь.

Есть база: EcmaScript 5 и CSS(3) - надо знать
Есть будущее: EcmaScript 2015 и CSS3(4)+ - надо поглядывать и быть в курсе
Есть популярные расширения CSS: LESS/SASS/Stylus и т.д. - выбрать что-то одно и изучать использовать.
Популярные расширения JS: EcmaScript 2015 on Babel, TypeScript, CoffeScript и т.д. - я бы выбрал EcmaScript, так как 2 зайцев одним выстрелом.
Есть известные фреймворки CSS: Bootstrap - приятно знать
Есть известные JS фреймворки: jQuery - обязательно знать, SPA-фремворки/библиотеки (Angular, Ember, React, Backbone и т.д.) - обязательно начать что-то изучать и использовать.
Так же не стоит забывать про системы сборки: Grunt/Gulp/Webpack и т.д. обязательно начать изучать что-то из этого.
Плюс всегда стоит помнить о работе в команде (даже если вы сейчас работаете один): это Git и GitHub/Bitbucket - тоже обязательно изучать.
+ я не затронул кучу других вопросов: оптимизация, алогоритмы, сетевые протоколы, особенности работы браузеров и т.д.
+ для общего развития полезно изучать еще какой-то язык, помимо JS

Как видите, требования для современного фронтенд-разработчика невероятно обширны, так что, прежде чем вы решите изучать что-то еще, подумайте, а всем ли из этого списка вы владеете достаточно хорошо?

Бесплатный плагин Easy Digital Downloads - как раз для продажи цифровых товаров.
Обучалка на Tuts+ code.tutsplus.com/series/the-beginners-guide-to-ea...

Woocommercе плагин магазина, PayPal там "из коробки". Есть возможность продавать цифровые товары. После оплаты покупатель получает на почту письмо с временной ссылкой на скачивание.

А зачем гнаться за трендами?
Увидело что-то новое в JS, пришли домой, под пивко покодили, посмотрели и не более того ибо далеко не факт что клиент когда либо захочет такую фишку у себя на сайте а тратить время на освоение "новой мега рюшки" сильно расточительно.

Это маркетологам принято гонятся за трендами, в разработке всё-же консерватизм дело не не плохое.

Вон простой пример - "Селфи палка", многие себе накупили, магазины ими затарились, а народ месячишку побесился и забил. Магазины теперь не знают куда их девать. Так и с сайтами, прикрутишь мего клёвые часики а через месяц придётся откручивать назад - за свой счёт :)

Используйте миксины css-препроцессора. И заморачиваться не придется, и хороший тон сохраните.

Это несколько блоков, идущих друг за другом с верху в низ, например:

<div> … </div>
<div> … </div>
<div> … </div>

Для каждого из них установлены в качестве фона разные картинки одинакового размера, которые с помощью CSS растянуты на весь экран и фиксированы по отношению к окну браузера:

div {
    background-attachment: fixed;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url('http://...');
}

Жену ищи)) (В клубе жену искать не надо однозначно :) )

Ужас ведь. Давайте начнем с изучения правильного подхода:
Паттерны для масштабируемых JavaScript-приложений
Использование паттернов проектирования в javaScrip...

Лучше всего проект может стилизовать хороший дизайнер)

Верстаю не так давно, верстаю не так часто, но все же верстаю.

Раз все начали с нуля, а именно с PSD макета, тоже начну с этого момента.

1. Оцениваю макет, составляю для себя базовую разметку, определяюсь какие главные блоки присутствую, и что должно происходить если их нет.
2. Оценив какие блоки необходимы, и прикинув структуру сайта иду csstemplater.com/ генерирую по своей структуре HTML/CSS шаблон, если это конечно не LP
3. Создаю директорию c названием сайта в openserver, в ней создаю директорию HTML , а внутри по шаблону

• psd- что бы не потерялись, мало ли когда нужно дорисовать что то.
  
• css
  
• js
  
• less
  
• fonts
  
• img - для компонентов шаблона
  
• image - для временного наполнения (слайдеры, изображения в статьях и т.п.)
  
• shop/личный кабинет - иногда делю макет на интерфейсы, и раскидываю по папочкам для дельнейшей навигации
  

4. Закидываю скачанный шаблон по папкам, вырезаю оттуда reset-ы, так как уже имеется отредактированный и перенесенный в less
5. Создаю main_site.less - подключаю сюда все все нужные мне less файлы, template.less- прописываю сюда все структурные элементы (header, footer и т.д.), ui.less - обычно если проект не сложный сую сюда все оформление, иногда разделяю все на отдельные блоки, menu/portfolio/modal/btn/ и т.д.
6. Настраиваю компилятор Less в PHP шторме для текущего проекта, что бы компилировался только файл main_site.less в папку css
7. В основном использую getuikit.com, ну больше он мне по душе чем бутстрап, скачиваю и раскидываю файлы по папкам, правлю пути в index.html, попутно добавляю комментарии
8. Открываю и смотрю PSD шаблон сайта на наличии не стандартных шрифтов, если шрифты есть в www.google.com/fonts, то подключаю их, иначе www.fontsquirrel.com, и раскидываю файлики по папкам
9. Дальше используя Emmet создаю базовую разметку если это LP(header/footer/slider и т.д.), если нет, то начинаю с самого верха делать разметку элементов (logo/slogan/phone/login-widjets и т.д.) попутно добавляю less код в нужные из файлов.
10. Верстаю до конца все, что есть в макетах. Затем по необходимости создаю шаблон для CMS.

ЗЫ: Файлики что сделал не минимизирую, только по желанию заказчика, ибо все нормальные фремворки и CMS умеют объединять css и js файлы в 1, попутно минимизируя на лету. Заказчику отдаю все что сделал включая исходники.

Сначала все на бумаге. Иногда с применением цветных карандашей для background'ов или border'ов.
А вообще, делаете сетку с минимальной ячейкой и от нее погнали. Идеально подойдет excel.

я вам так скажу, не нужно делать никакой перекрывающий блок. Все очень просто!
Берете картинку и в css указываете ей прозрачность по вкусу, далее тому блоку, в котором лежит картинка, нужно задать черный фон! И эффект вас обрадует, картинка затемнена!

jsfiddle.net/3h2k9v1t/1