Александр Логинов-Солоницын: Работа с свг это увлекательная штука, где решает лишь опыт. Можно конечно юзать какой-нибудь d3, но у него там такой порог входа, что с тем же успехом можно начать рисовать свг руками (как и я делаю по фану), а потом уже при необходимости начать его юзать.
Если нужно добавление классов к свг, работающее в ие, то работайте по старинке, с использованием className. Думаю такие основы вы знаете. codepen.io/suez/tag/svg - вот тут можете найти кучу моих демок с свг, возможно поможет в будущем, там сплошняком одни хромированные велосипеды для продвинутого самообучения :)
Зависит от того, разные ли свойства анимируете. Если разные, то можно вообще обойтись добавлением/убиранием класса и использованием css transition, где у второго в очереди анимации свойства будет стоять delay на анимацию. В общем если есть пример, то залейте на codepen/jsfiddle
Свг элемент, запиханный целиком в background. выглядит жутковато :) Не проще ли сделать пунктирную линию с помощью :before элемента для ul, задав ему linear-gradient?
rockdev: Сидишь читаешь туториалы и делаешь работу. И берешь за это часовую ставку. Причем это применимо даже если вы будете брать 100+ баксов в час. Людей, знающих все, не бывает.
Но это конечно не относится ко всем случаям. Если вы например сядите криво делать что-то, в чем вы вообще не разбираетесь, и потратите 10 часов там, где любой другой потратил бы час-два, то тут естественно брать 10 часов будет ошибкой.
Пожалуйста, не делаете анимацию на jQuery.animate в 2015 году. С такими простыми вещами справится css transition. И производительность будет куда лучше, и жс не надо будет писать, да еще и декларативненько все будет.
Алексей Николаев: Если вам очень хочется сохранять ноду в переменную, но она будет меняться - единственный вариант это сохранение класса ноды в переменную (вместе с точкой), и последующее её использование. Более элегантных вариантов не встречал.
Евгений Петров: да, отличий нет. Сказалось то, что clippath svg я юзал непосредственно с картинками под другими углами и там все выглядело ок, а увидев несколько раз лесенку с skew, как то сразу в голове закрепился стереотип.
Евгений Петров: Видел много сайтов с фуллскрин секциями, разделенными косыми линиями со skew. Была заметна лесенка. Зависит от угла наклона. Вот примитивная демка - codepen.io/suez/pen/7fff3129bbca4b6e745f9a0577352ce6
У 30 градусов выглядит все хорошо, а вот у 10 мне сразу в глаза бросается лесенка.
Hoffman_ZZZ: создаем блоки, внутри которых будет контент (фон/текстовые элементы), задаем им clip-path. После этого с элементами внутри можно делать что угодно, ибо с помощью overflow: hidden они будут жить только в рамках своего контейнера. Фон например можно вынести в отдельный блок и перемещать его с помощью transform: translate для параллакса и так далее.
+ этот самый clip-path отлично анимируется с помощью css transition. Вот пример хорошей анимации codepen.io/thebabydino/pen/Mwbrdg
На будущее - нажимаете F12 в хроме/фф (да и в любом другом браузере в общем то), выбираете там консоль и вставляете туда какой угодно js код (но ванильный js естественно). Самый простой и адекватный способ на ходу изучать какие вещи что делают.
>Однако с серверными языками рано или поздно придется столкнуться
Далеко не факт. Умеешь отлично верстать как кудесник - можешь себе позволить не притрагиваться к бэенду вообще.
Да где вы вообще находите верстку без знаний js? Что это за бред? Вы должны знать js на зубок. А вот на пхп и всякие cms можете вообще забить в теории (хотя в вашем случае думаю что не прокатит).
Вместо интервала лучше юзать таймаут, который будет вызывать сам себя. Это позволит отменять автослайдинг при действиях юзера (клик/наведение). А то юзабилити иначе дико страдает.
Я это написал не конкретно как упрек вам (я прекрасно понимаю что вы на коленке прототип за 5 минут накидали), а для новичков, которые возможно будут учиться на основе этого.
Если нужно добавление классов к свг, работающее в ие, то работайте по старинке, с использованием className. Думаю такие основы вы знаете.
codepen.io/suez/tag/svg - вот тут можете найти кучу моих демок с свг, возможно поможет в будущем, там сплошняком одни хромированные велосипеды для продвинутого самообучения :)