Как в nginx под ubuntu server 14.04 сделать нормальную поддержку изображений формата webp?

Алексей Тен,
да, спасибо - просто все.
Напишите как ответ - отмечу решением.

Wordpress, как развернуть проект локально?

судя по тому что человек продублировал практически параллельно и как поставил вопрос, предположил что ему трудно будет поднять полноценное рабочее окружение и тем более нормально его сконфигурировать.
А готовый к употреблению продукт - гораздо легче.
В принципе, кроме денвера остальные вроде регулярно обновляются, не? Я сам давно с ними не общаюсь, вся разработка в основном на девелоперских vps, но коллеги рядом используют по полной xampp, например.

Как сделать обратную отрисовку обводки?

Просто по этому куску кода вам вряд ли помогут, выложите где то в песочнице все вместе - svg, css js
А так - у вас где-то, либо в css, либо прямо в svg должно быть прописано значение stroke-dashoffset - именно это значение вы приводите к нулю в вашем скрипте - strokeDashoffset: [anime.setDashoffset, 0]
Таким образом, чтобы удалить stroke подобным же образом надо установить значение stroke-dashoffset таким, чтобы оно было больше чем вcя обводка. Установите его таким же каким оно было прописано до применения первой анимации.

Анимация аттрибута с animate не работает в codepen, jsfiddle?

да, спасибо, все нашел - копировал html видимо из браузера какого то лешего. А там после анимации эти коодрдинаты уже замененяются.

Анимация аттрибута с animate не работает в codepen, jsfiddle?

ну я не вижу разницы - "скопипастил" я сам у себя весь html, несколько месяцев назад, и он идентичный что в песочнице что так. И как будто ранее все работало. Хотя мог и не обратить внимание
"mund" не единственное, что там не работает, например, в этом примере неправильно работает загибание левого верхнего уголка.

Как сделать эффект дыма на сайте?

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

Как сделать эффект дыма на сайте?

Vaultboy84,
жрет да, ну так если нужен подобный эффект - это в любом случае "понты" будут, т.е. тн. вау эффект - никак нельзя себе представить, чтобы на серьезном коммерческом продакшене были бы такие игрушки.
А поиграться показать - самое то.
Можно и видео, но если цель, например, запилить дым "вокруг" объекта - т.е. чтобы он был как позади, так и перед элементом, и этот элемент не должен быть в видео, то без js так или иначе трудно сделать. Еще можно статическую реализацию, ну с минимальной css анимацией сделать, но с js будет более реалистично, на мой взгляд.

Как сделать эффект дыма на сайте?

Evgeniy V.,
ну готовое прям под ваши хотелки вряд ли будет - цвет, скорость, плотность - многое там настроить под себя можно.

Png логотип в SVG?

Иван Воробей,

автор ищет онлайн средство чтобы сменить формат

это вы сами придумали
автор хочет

Привет, как можно сделать из логотипа png такой же только в svg? Может кто подскажет сервисы или еще что-то посоветует

вот тут люди подсказывают и советывают, КАК это сделать.

Png логотип в SVG?

Иван Воробей,
речь про ЛОГОТИП - во многих случаях я растровый логотип 100х100 пикс переведу в вектор, который можно будет распечатать не только 10х10, но 1000х1000 метров.
И, конечно, не так -

Вкинули в фотошоп, сохранили как SVG

Можно ли сделать псевдоэлемент ссылкой?

xonar,
Ok, спасибо, все получается.

Можно ли сделать псевдоэлемент ссылкой?

Рустам Байназаров,
хорошо, спасибо, ясно....
ну тогда по другому - допустим, к этому списку с помощью js добавить один дополнительный элемент - li, например первый, в который поместить ссылку - такое возможно? Именно добавить, не меняя все остальные элементы списка, учитывая то, что этих элементов может быть разное количество?
Сейчас есть:

<ul class="menu-list">
<li class="menu-element">Menu1</li>
<li class="menu-element">Menu2</li>
<li class="menu-element">Menu3</li>
<li class="menu-element">Menu4</li>
</ul>

Нужно получить

<ul class="menu-list">
<li class="logo"><a href='https://link'><img src="/media/logo.png" /></a></li>
<li class="menu-element">Menu1</li>
<li class="menu-element">Menu2</li>
<li class="menu-element">Menu3</li>
<li class="menu-element">Menu4</li>
</ul>

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

Почему скрипт не работает, но при этом нормально отрабатывает в консоли?

Lander,
точно

Почему скрипт не работает, но при этом нормально отрабатывает в консоли?

Lander,
нет, не срабатывает. Но что характерно - в файле, где непосредственно скрипты этой формы, все срабатывает без проблем. Хотел, как обычно, все пользовательские изменения в одном кастомном файле собрать, но вот пока так...

Fixed header. Как убрать дергание на страницах с малой высотой?

Рустам Байназаров,

Padding-top на высоту шапки в полном виде

ага, спасибо, как я понял, это максимальное значение, которое будет необходимо выставить, грубо говоря, если высота документа почти равна высоте видимой части, т.е. скролл уже появился, но он минимальный.
Просто начал экспериментировать с padding-top, на разных страницах соот-но разных значений достаточно. На одной, где контента чуть больше, 100px достаточно, на другой - все 180 нужны. Но вижу, что да, тут 180 есть суммарная высота всей шапки.

А фиксация должна производить не после 33px, а после

У меня на самом деле на нескольких разных сайтах разные шапки и там я унифицировал и все по формуле высчитывается. Тут просто самый первый тестовый полигон, ставил просто для примера. Но спасибо за замечание и внимательность )

Почему скрипт не работает, но при этом нормально отрабатывает в консоли?

Lander,
До сих пор не разобрался, скрипт как оказалось срабатывает, но как то странно, через 2 раза на третий, или даже реже, т.е. вот перезагружаешь страницу, он вдруг сработал как надо, потом перезагружаю раз 5-6 - не сработал, или может 2-3 раза подряд сработать и опять в даун...
Пробовал дебажить - ничего не мешает как будто, и никакой логики либо последовальности, почему так, найти не могу. Больше всего похоже на то, что скрипт конфликтует с другими скриптами на странице... буду искать дальше..

Почему скрипт не работает, но при этом нормально отрабатывает в консоли?

Вот задумался.... там элемент .action.action-update - кнопка в форме, форма сама скрыта по дефолту css - display: none;
раскрывается кликом по кнопке - условно говоря, "изменить", после этого клика форма становится видна а кнопка "изменить" скрывается. Но изначально в DOMe все, да.

Как добавить блог на лендинг?

Sunflowerz,
ну и где тут вордпресс на вордпрессе? Там как раз что хотел тс - простой html, условно говоря, по своему функционалу, именно landing. В подпапке blog залит WP.
Не хочешь выглядить тупо, не пиши ересь.

Как улучшить закрытие по клику вне блока?

Кстати говоря, не могу понять, почему вот это исключение - || $('.navMenu li:nth-child(n+7) ul').is(e.target)
работает, а в переводе в ванильный вариант - по тому же принципу -
if (!elem.contains(event.target) && isVisible(checkElement) || elemEx.contains(event.target)) {
где elemEx есть элемент выбранный по селектору '.navMenu li:nth-child(n+7) ul' - не работает...

Как улучшить закрытие по клику вне блока?

если в таком виде - то получится по клику на дочерние будет закрывать, а это не надо.
Добавил в условие

if (!$('.navMenu').is(e.target) && $('.navMenu').has(e.target).length === 0 <b> || $('.navMenu li:nth-child(n+7) ul').is(e.target)</b>)

вроде работает...