420873535

document.querySelector('meta[name="description"]')

Можете установить расширение
Или самостоятельно настроить Файл->Параметры-> Сочетания клавиш

Ну, раз у вас отмечен тег jquery, то примерно вот так:

var $menu = $(".conmenu-ul"), // кэшируем в переменную меню
    $links = $menu.find("a"); // кэшируем в переменную ссылки

$links.on("click", function() {
    $menu.children().removeClass("active"); // убираем класс у всех пунктов
    $(this).parent().addClass("active"); // добавляем к пункту, содержащему нажатую ссылку
});

setTimeout() - функция однократного действия. Используйте setInterval() или рекурсию.

Можете почитать тут.

Слим очень прост. Работает на отступах.
Есть переменая @orders (Массив с заказами)

- @orders.each do |order|
  = order.title
  br
  = order.price
  .class#id(style="background: yellow;")
    - if order.price > 200
      p Это тег p и цена больше 200
    - else
      h2 Это тег h2
      span(style="color: red") А тут мы вставим прайс из руби кода внутри строки #{order.price} вот так

Ставишь "равно" когда надо юзеру показывать хелперы или данные из переменной
Ставишь "Тире" когда не надо. Используем циклы и проверки if else
Мы не пишем div если у него есть class или id.
Синтаксис как в css

.class -  пишется с точкой перед названием класса
.header-menu

#id - id пишется через хэш
#menu
#toggle-menu

можно компоновать

#toggle-menu.red.col-md-4.some-class(style="display: inline-block") А пробел поставил и уже текст

хочешь родной синтаксис пишешь в скобках

#menu(class="red white col-md-10 pull-right" data-menu="toggle")

Это не все, но надеюсь немного понятно.

Если это был действительно подряд, то важно отметить несколько вещей.

1. Отсутствие технического задания означает отсутствие предмета договора, и как следствие -- суд может признать договор незаключенным, а полученные вами деньги неосновательным обогащением.
2. Но. Если вы вели переписку с официальных адресов и заказчик всё же принял эти работы и написал, что "ок, расходимся на таких условиях", то вполне можно доказать, что и предмет согласован, и условия оплаты изменены (или новация, т. е. изменение предмета или способа исполнения обязательства). Потому что необязательно всё должно быть на одной бумажке подписано и скреплено печатями. Для вас это будет означать и успешную сдачу работ, и невозможность предъявления претензий, потому что скорее всего в сроки для предъявления претензий заказчик после такой сдачи не уложился.
3. В случае суда все расходы на экспертизы (может быть назначена запросто, если не будет понятно, обладают ли выполненные вами работы потребительской ценностью для заказчика) будут на вас, потому что пока для заказчика это будет лёгкий процесс -- бумажек никаких нет, работы нет, а значит вы не отработали эти деньги. Защищаться уже должны вы. Разумеется, в случае успешного для вас исхода дела все эти расходы вам возместят.

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

Если сложность картинки совсем уж запредельная, то всегда можно взять и использовать svg. Я так и сделал тут: внизу таймлайн с годами. Но тут надо синхронизировать размер, и в вашем случае видится решение проще.

Если ширина сайта фиксированная, то просто будет использовать 2 div-а: один над другим (то есть у второго position=absolute). Внутри верхрнего лежит ещё один с шириной сайта (А ещё у него должен быть position=absolute и right=0. В нём изображение серого таймлайна. Сам таймлайн можно сделать из обычных div-ов, расположенных слева направо во flexbox-е или с флоатами. div со скруглёнными углами - это точка, с margin сверху и меньшей высотой - линия. А в первом диве (который снизу) вы составляете тот-же таймлайн, но уже цветной. Посчитать цвета градиентов для него - задача не сложная. Ну и вся магия во втором блоке, который с absolute. У него проставлен right=0, и уменьшая его width вы будете понемного скрывать серый таймлайн, а на его месте будет появляться цветной

(кратко про себя)
Все лежит в папках: компонент + стиль. Собирается webpack'ом. Но у меня react-проекты.

(длинно, но вроде бы по делу)
Если относительно долго занимаетесь - у вас скорее всего уже выработались части, которые похожи - их выносите. Так же скорее всего у вас есть одинаковая структура (обычно это js/css/images и html, либо как вы пишите компонентами (отдельными папками) внутри котороых html + стили и может js ). Делайте шаблон для будущих проектов, в первую очередь удобным для себя - ведь вам с ним работать, а в нем реализуйте то что умеете по-максимуму (жмите картинки, оптимизируйте js и т.д)

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

кажется, что не использовал это все на 100%

Всем так кажется, поэтому когда не хочется заниматься работой, идем в гугл и смотрим опен-сорс проекты других людей: gulp, wepback, затем если нашли что-то любопытное идем в npm/github читаем доку. Пытаемся применить в работе.

Что имеем в итоге?
1) если все работает и вас устраивает (скорость сборки, удобство проверки в разных браузерах ...) - "работу работать";
2) если есть время и желание - гуглите опен-сорс решения, читайте твиттер интересных людей / новостную подписку;
3) если хочется услышать мнение коллег, но при этом коллег рядом нет - пишите статью на хабр. Просто статья: я использую такие-то плагины в своем "шаблоне" - вряд ли получит лестные отзывы, но возможно кто-то напишет: вот в этом месте у вас плохо, сделайте иначе. Возможно, вы придумаете, как написать статью интересно - тогда честь и хвала. И критика. А обоснованная критика всегда хорошо.

P.S. если используете Jade и следуете BEM-методологии, то я бы порекомендовал посмотреть на этот проект

Правильный подход — менять в JS только классы. Менять правила с помощью атрибута style нужно в крайнем случае. А в случае с animation это вообще невозможно — анимация, как и любое @rule, описывается отдельно от элементов.

Если нужно создать много правил, основываясь на данных, которые появятся только в скрипте, используем insertRule у объекта из коллекции document.styleSheets. В этих правилах вы сформируете имена animation и привяжете их к классам.

Вот примерно так codepen.io/cleric/pen/FqIaD
Причём тут я пошёл на поводу простоты и вместо классов оперирую атрибутом style. Но в боевых условиях я бы подумал 10 раз — могут меняться и другие параметры (продолжительность и прочее).

Наткнулся также и на офлайн-генератор. imsky.github.io/holder - удобно, когда работаешь в дороге, без доступа к сети.

.offset().top