yustnip
-
Posts
30 -
Joined
-
Last visited
yustnip's Achievements
Explorer (1/14)
0
Reputation
-
Все получилось, еще раз спасибо. Немного пришлось еще только сдвинуть внутренний блок влево, чтобы пустоту угла закрыть. jQuery так же отлично сработал на изменение ширины при наведении.
-
Спасибо, буду пробовать.
-
Спасибо за ответ. Я и планировал так сделать, но повторюсь, что при уменьшении ширины косые линии становятся прямыми и получается ужас. Ширина режется с края (где косая линия). Смотрел в сторону трансформации skew, но, насколько я знаю, она деформирует содержимое для искривления. Плюс предполагаю еще возможную проблему с обработкой события наведения, т.к. прозрачность под косыми линиями будет наезжать на другие блоки и не срабатывать на нижних слоях. В общем беда с этим слайдером.
-
Здравствуйте! Есть задача сделать вот такой слайдер - https://yadi.sk/i/v6QfPqsxjcNdM (при наведении на каждый из трех кусочков изображений, соответствующее изображение должно появляться полностью, как бы раздвигаясь, уменьшая-сдвигая остальные). Все было бы хорошо если бы не диагональная обрезка изображений, т.е. при уменьшении ширины изображения диагональный край обрезается и становится обычным. Насколько возможно/сложно сделать такой слайдер? Буду очень признателен за наводку в какую сторону смотреть, чтобы такое реализовать.
-
Осилил Gulp, очень крутая штука оказалась. Прикрутил Stylus, Jade PHP со шлифовкой gulp-html-prettify. В Атоме хоткей на сборку настроил и красота. Еще бы Jade PHP работал согласно документации, было бы совсем супер, ни в какую блоки PHP-вставки не генерирует целиком.
-
Посмотрел, понял, что еще рано. Сначала надо до сборщиков морально прийти, хотя бы понять зачем и как.
-
Ох, загуглил, нашлись только препроцессоры для станков с ЧПУ.
-
Еще и нахваливают и в требованиях в вакансиях указывают. Мне после LESS идея на препроцессорах писать понравилась, вложенность ну очень рулит.
-
Кстати, сейчас зашел на страничку дополнения и там есть опция pretty - https://atom.io/packages/jade-autocompile, по умолчанию вроде включено. Хотя может не работать конечно корректно. Получилось! Вот такая конструкция дала правильный отступ: doctypehtml head meta( charset='utf-8' ) | | <?php wp_head(); ?>
-
Понятно, спасибо за ответы.
-
Видимо это только для Gulp, у себя не знаю где пристроить. Это внешнее дополнение, другим дополнением LESS компилировал, без нареканий.
-
Компилирую через дополнение редактора Atom. По закрывающим тегам я имел ввиду, что в WP тег html открывается в файле header.php, а закрывается в footer.php. При написании через Jade написание тега предполагает его последующую компиляцию в закрытом виде.
-
Может быть min-height будет решением? Он не будет мешать последующим увеличениям высоты при растяжке.
-
Через jQuery просто сделать. При наведении анимировать высоту. Функция animate(). Если добавить jQuery UI, то можно и направление анимации менять. Также можно зафиксировать верхнюю надпись и анимировать через CSS плавное появление нужного блока через opacity и transition.
-
Здравствуйте! Начал осваивать шаблонизатор Jade и сейчас в рамках обучения переделываю свои WP-шаблоны (да, у меня на работе принимают проект только с натяжкой ). Есть такой код: <!doctype html><html> <head> <meta charset="utf-8"> <?php wp_head(); ?>Пишу его в Jade: doctypehtml head meta( charset='utf-8' ) <?php wp_head(); ?>На выходе получается: <!DOCTYPE html><html> <head> <meta charset="utf-8"><?php wp_head(); ?> </head></html> Возможно ли перенести PHP-вставку на новую строку с правильным отступом? И в целом, есть ли смысл пробовать верстать шаблон с вставками через Jade, т.к. уже вижу проблему с закрывающими тегами. Или все-таки будет более правильным сначала верстать макет, а потом его натягивать на WP? На вскидку представляется, что это будет занимать больше времени, чем одновременная верстка+натяжка.