Animations don't work at all - nav not pinned, no smooth scroll, no tweening

[kaka-ruto]

All the animations created with scrollmagic and tweenmax didn't work for me, neither did pinning or smooth scroling. Terminal didn't throw an error.

[kaka-ruto]

I was surprised with the solution to that - after several hours of googling. I found the problem to be with the smooth scroll code from css-tricks, specifically the first line: $('a[href*="#"]:not([href="#"])').click(function()

Now, this selector is not valid. # is a special char and needs to be escaped like a[href*=\\#]:not([href=\\#])

see https://api.jquery.com/category/selectors/

Glad - nav is now pinned, has smooth scrolling and the tweened box animations now work!.

[planetoftheweb]

Thanks for the update Collins. Looks like it's due to a change in the new
jQuery. I'll update the gist and the repo.

On Thu, Nov 17, 2016 at 4:24 AM, Collins Kibet [email protected]
wrote:

I was surprise with the solution to that - after several hours of
googling. I found the problem to be with the smooth scroll code from
css-tricks, specifically the first line: $('a[href*="#"]:not([href="#"]
)').click(function()

Now, this selector is not valid. # is a special char and needs to be
escaped like 'a[href*=#]:not([href=#])'

see https://api.jquery.com/category/selectors/

Glad it works now.

—
You are receiving this because you are subscribed to this thread.
Reply to this email directly, view it on GitHub
#17 (comment),
or mute the thread
https://github.com/notifications/unsubscribe-auth/AANNaq0T7DVuXSLvS0Q7vcipNwBw7YhTks5q_B1cgaJpZM4K1C_-
.

Website http://planetoftheweb.com/ | Flickr
http://flickr.com/planetoftheweb | YouTube
http://youtube.com/planetoftheweb | Twitter
http://twitter.com/planetoftheweb LinkedIn
http://www.linkedin.com/in/planetoftheweb

[kaka-ruto]

Thanks Ray. I love your tutorials much. They've really improved my
front-end skills by a large margin. Thank you!

On Thu, Nov 17, 2016 at 11:20 PM, Ray Villalobos [email protected]
wrote:

Thanks for the update Collins. Looks like it's due to a change in the new
jQuery. I'll update the gist and the repo.

On Thu, Nov 17, 2016 at 4:24 AM, Collins Kibet [email protected]
wrote:

I was surprise with the solution to that - after several hours of
googling. I found the problem to be with the smooth scroll code from
css-tricks, specifically the first line: $('a[href*="#"]:not([href="#"]
)').click(function()

Now, this selector is not valid. # is a special char and needs to be
escaped like 'a[href*=#]:not([href=#])'

see https://api.jquery.com/category/selectors/

Glad it works now.

—
You are receiving this because you are subscribed to this thread.
Reply to this email directly, view it on GitHub
<#17 (comment)
261196460>,
or mute the thread
<https://github.com/notifications/unsubscribe-auth/
AANNaq0T7DVuXSLvS0Q7vcipNwBw7YhTks5q_B1cgaJpZM4K1C_->
.

Website http://planetoftheweb.com/ | Flickr
http://flickr.com/planetoftheweb | YouTube
http://youtube.com/planetoftheweb | Twitter
http://twitter.com/planetoftheweb LinkedIn
http://www.linkedin.com/in/planetoftheweb

—
You are receiving this because you authored the thread.
Reply to this email directly, view it on GitHub
#17 (comment),
or mute the thread
https://github.com/notifications/unsubscribe-auth/APkGfC3T0fYywIY0pSPVabQEq-25aKcqks5q_LcLgaJpZM4K1C_-
.

[deartet]

Not exactly an issue but related to smooth scrolling.

I have to minus 1 or above -1 to the topOffset variable make it work and can't figure out why. ><

var scene = new ScrollScene({
triggerElement: '#attractions',
offset: -topOffset-1 // need to minus 1 to make it work
}).setTween(attractionsTween).addTo(controller);

[kaka-ruto]

Hey Samialz. Check line 19 of this file https://github.com/planetoftheweb/responsive/blob/master/components/scripts/script.js and update accordingly. Nice time.

…

On Sat, Sep 16, 2017 at 12:49 PM, samialz ***@***.***> wrote: Mr. Borenho can you tell me how you fixed it? I mean where to make the change. Please help! — You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub <#17 (comment)>, or mute the thread <https://github.com/notifications/unsubscribe-auth/APkGfC-VieCeyJ-JJcbtHjGu18dwfRsHks5si5nGgaJpZM4K1C_-> .

-- Ruto Collins / My LinkedIn <https://www.linkedin.com/in/borecollins/> / Andela.com <http://andela.com/?utm_source=andela&utm_medium=email&utm_campaign=signature> Software Developer / +254 700 783 544 / @andela <http://bit.ly/andelatwitter> We're hiring! Check out our careers page. <http://bit.ly/andelacareers>

[sami827]

Thanks a lot, brother. You were very helpful. Can you give some idea about after completing this course what should I do to master SASS?

[kaka-ruto]

If you haven't already, you can check out this Codeschool sass course - https://www.codeschool.com/courses/assembling-sass (though it is paid). Personally, I didn't have to dive deep into sass because it's just a styling markup language, and unless you want to be a front-end only guru, then you can just get really deep into it and be a master. For me I wanted to be able to built a full application from the front end to the backend to databases to the cloud and so on > am still at it :). However if you want to really get good at sass and the front end, maybe you can build a front end application using HTML, CSS and style it so well with SASS. That way you'll be really good at it - then probably you can host it and show it to your friends (It could be a portfolio/life story of your own). If you don't mind, allow me to ask which country you are from? Nice time

…

On Mon, Oct 2, 2017 at 6:49 AM, samialz ***@***.***> wrote: Thanks a lot, brother. You were very helpful. Can you give some idea about after completing this course what should I do to master SASS. — You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub <#17 (comment)>, or mute the thread <https://github.com/notifications/unsubscribe-auth/APkGfPDY0bZIvhfzUc_y6uR6nzue0FY_ks5soF0sgaJpZM4K1C_-> .

-- Ruto Collins / My LinkedIn <https://www.linkedin.com/in/borecollins/> / Andela.com <http://andela.com/?utm_source=andela&utm_medium=email&utm_campaign=signature> Software Developer / +254 700 783 544 / @andela <http://bit.ly/andelatwitter> We're hiring! Check out our careers page. <http://bit.ly/andelacareers>

[sami827]

Thanks a lot, brother. I couldn't even imagine I would get this much help, suggestions from you.I started off with front-end designing and still, I enjoy it.Fortunately, I am not so bad at it. I also learned basic of PHP to take my skill further.Though I am just at the starting point in this development thing.But more than anything I can't show enough gratitude for your help!

Of course, I don't mind. I am from Bangladesh. I know what i am about to say is ridiculous, but if i can help you somehow i would do it.

Thank you for being such a great help! :D