archelon

Портфолио дизайнеру нужно существенно больше чем окончание ВУЗа.
Собственно если портфолио нет, возникает резонный вопрос: а на что Вы собственно потратили последние 5 лет?

Студентам в начале курса говорила, кто хорошо в детстве играл в лайнс, тетрис и подобное, тот будет хорошо верстать.
Верстка это обычная геометрия средней школы записанная с помощью тегов и раскрашеная/подвинутая стилями. Всё.
Всякие JS и т.д. это просто следующий этап.

План действий может быть таким:
1. Берете/получаете макет
2. Внимательно рассматриваете его, мысленно разбивая на блоки. Думаете что куда может/должно растягиваться или уменьшаться при изменениях экрана и увеличении/уменьшении контента.
3. Если п.2. сразу не осилился, идете гулять или спать.
4. Возвращаетесь к п.2.
5. Верстаете понятные большие блоки, затем их заполняете. Разбивайте задачи более простые.

По началу полезно пролистывать справочник, потому что в голове остаются часто используемые решения, а о других возможностях забывается.

А совсем без проблем не выйдет, потому что экранов много, браузеров много, хотелок у заказчиков еще больше. Хорошо, когда эти хотелки интересные :)

Когда видишь то, чего нет в примерах bootstrap =)


Решение:

<div class="full-bg">
  <div class="container">
      ...
  </div>
</div>

+ стили

.full-bg {
  background: color;
}

В чем собственно профит от jQuery

1. Раньше многие браузеры имели свои фичи, jQuery пришел на помощь, можно было писать один код, который работал везде.
2. Гавнокодить на jQuery проще, порог входа очень маленький.
3. У jQuery большое наследие и куча плагинов, что позволяет экономить кучу времени.

Может он намного производительнее?

jQuery написан на JS, как он может быть производительнее самого языка?

На мысль меня натолкнула идея когда потребовалось к одной странице на которой по сути 2 строчки кода и одна кнопка вешать попап окно и небольшой сладер.

К этой мысли рано или поздно приходил каждый, но тут тоже есть ряд тонкостей. Экономию в сотню кб на jQuery, просто напросто убьет первая неоптимизированная картинка на сайте, и это очень вероятно случится, даже если вы все оптимизируете при разработке, при дальнейшей работе сайта высока вероятность загрузки тонны лишнего и кому тогда вся эта оптимизация нужна? Поэтому не стоит заморачиваться. Другое дело свой плагин, в этом случае лучше избегать лишних зависимостей.

Целых три варианта:
1. DIV+CSS: overflow: hidden (по клику - убираем свойство hidden через JS)
2. Jquery: api.jquery.com/load (грузим с сервера динамически)
3. NewPage (делаем переход на полную версию публикации)

<meta name="viewport" content="width=device-width">

ставьте, только если у вас адаптивная верстка. Эта настройка пытается сохранить масштаб шрифта, но уменьшить ширину колонки до ширины экрана браузера. Если сайт не адаптивный, появится горизонтальная прокрутка. При изменении ориентации устройства, масштаб отображения не меняется.

<meta name="viewport" content="width=1024">

ставьте, если у вас сайт фиксированной ширины или резина с минимальной шириной. В этом случае сайт уменьшится в масштабе, чтобы колонка шириной 1024px помещалась без горизонтальной прокрутки. Конкретное значение подбирается исходя из минимальной ширины верстки. При изменении ориентации устройства с портретной на ландшафтную, масштаб сайта увеличится, чтобы занять новую ширину.

Оторвать бы вам руки за изменение скорости скролла. Это просто ужас какой-то. На остальное даже смотреть не хочется из-за этого.

Попробуйте обернуть все в :

$(document).ready(function() {

});