andrey7287

Вообще я имел ввиду sass или less файл с переменными, но можно и собрать http://getbootstrap.com/customize/

В variaibles находите Media queries breakpoints и устанавливает значение в 1px для тех переходов которые не нужны.

Adobe Illustrator Что бы научиться писать скрипты

Какой то криво написанный вирус

Тот код что вы привели выше инициирует слайдер, на лайтбокс его отсутствие влиять не должно. Лайтбокс подключается на 221 строке scripts.js через хитро закрученную задницу. Вам нужно скрыть все li с картинками, которые не будут отображаться, но при этом останутся в галерее. Как вариант начиная с 222 добавьте этот код var $liItems = $(this).find("li"); $hiddenItems = $liItems.slice(1); $hiddenItems.hide();

Из за 4 строчек кода подключать целую либу ?! function toggleMenu(e){ e.preventDefault(); $('.site-nav__item').removeClass('site-nav__item--act'); $(this).parent().addClass('site-nav__item--act'); $(this).parent().siblings().find('ul').stop().hide('slow'); $(this).next().stop().toggle('slow'); }; ЗЫ Это я для многоуровневого меню делал ul->li->a

Просто уберите JS код и лишние картинки из разметки .

Я для подобных задач использую compass, в коде это выглядит довольно лаконично. /* это общии стили для позиционирования всех картинок */ &::before { content: ""; width: 45px; height: 45px; position: absolute; top: 5px; left: 5px; } /* а это для позиционирования каждой отдельной картинки */ @each $i in photo, html, css { &--#{$i}::before { background: sprite($site-sprite, service_#{$i}); } } Тут фишка в том что нужно добавить класс каждому элементу, и соответствующее название для картинки. В данном случае у первого элемента будет название service-item--photo, а у картинкам service_ photo.png . ЗЫ Не всем понравится подобное решение, но оно довольно гибкое, картинки в проекте можно менять вообще не трогая код. Можно обойтись и без дополнительных классов, только имена картинок будут pictname_1.png, pictname_2.png и т.д. $i: 6; @while $i > 0 { &:nth-child(#{$i}) { background: sprite($site-sprite, pictname_#{$i}); } $i: $i - 1; } Без компаса , с уже готовым спрайтом придётся свой миксин использовать . Раньше я так и делал. Кода в этом случае будет ещё меньше.

Потому что social.style.display = "block" приводит к ошибке

var smallScreen = window.matchMedia("(max-width: 768px)").matches if ( smallScreen ) { }

https://developer.mozilla.org/ru/docs/Web/API/NodeList

[1, 2, 4, 5, 6, 'w', 8] // true Иди мучайся дальше

Зачем ?! Верстка должна не только соответствовать макету, но и соответствовать дизайну при изменении контента внутри блока. А контента может стать не только больше, но и меньше. И в этом случае у вас будет пустое пространство, что не есть хорошо. Как правило дизайнер сохраняет некую симметрию при построении дизайна. До начала вёрстки вы можете выделить основные стили, как то line-height у заголовка, margin у кнопки, padding у самого блока. В результате необходимая высота сформируется естественным образом везде где нужно ... ну или почти везде -)

https://jsfiddle.net/Andrey7287/dq25rj25/1/ Что за одержимость циклом for ?-)

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

https://jsfiddle.net/Andrey7287/5t2xrbzo/1/

можно

Верстка безразмерная а не 1200, используются картинки вместо CSS, неоправданное применения пустых дивов для оформления и самое ужасное - height. ЗЫ Потенциальному работодателю это лучше не показывать .

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

И что в этом криминального?

Это один из методов обучения. Берём любую стандартную функцию и реализуем её. Могу конечно ошибаться, но тогда задача теряет смысл т.к. classList.add - готовое решение )))

classList нельзя использовать, я это имел ввиду.

Задача как раз заключалось в том что бы написать функцию аналог classList.add . То что написано выше поставленную задачу НЕ решает. В очередной раз поражаюсь не внимательности автора.

тут посмотрите

fancybox ?