Journey To Becoming a Full Stack Web Developer Ep #6 - Working Further With CSS Animations

in programming •  2 months ago

Hey everyone,

Here is the latest video about web development where we learn about CSS animations in a little bit more detail.

Join Our Gaming Discord Community

https://discord.gg/PYxjvbZ

Authors get paid when people like you upvote their post.
If you enjoyed what you read here, create your account today and start earning FREE STEEM!
Sort Order:  

Hello! Your post has been resteemed and upvoted by @ilovecoding because we love coding! Keep up good work! Consider upvoting this comment to support the @ilovecoding and increase your future rewards! ^_^ Steem On!

Reply !stop to disable the comment. Thanks!

I'm like a couple months into net dev (your php tutorial is accountable SOOO Thanks @robinhaney you); however still, a disclaimer.
I've been going buggy with animations in my 1st few comes, and that i additionally wanna highlight that I actually have been tomfoolery with particles.js heavily etc etc...

Recently, for the primary time, started noticing performance problems (especially once peeing around with particles), Federal Protective Service obtaining dragged down and stuff throughout sure animation sequences and every one that jazz. currently this was on a high power-driven device too, therefore it should be too tumid, that I all perceive and that i suppose is definitely soluble by removing stuff bla bla bla.

Nevertheless; would be nice to envision however we are able to gauge these problems mistreatment dev tools of some kind, and answer queries like 'how can we grasp our user encompasses a buttery swish experience?', 'are there specific red flags concerning Associate in Nursingimations or rule of thumbs for approach?' or 'how will we tend to simulate an oversized array of various well-liked devices?' or is there a approach we are able to take that offers U.S. an understanding of well-liked devices performances etc.. etc..

I haven't seen something like this before and that i believe principle coaching like this might higher good some front-end peeps albeit, I will imagine this is often a tough issue to debate regarding and judgement comes into play, however your a professional, and recommendation would be super valuable.

Love your videos bro, your straight up teaching ME everything 👊🏼 peace!

Oh my life, I completely forgot about fill mode...legend!! Animations doesn't seem to apply 0%/from keyframe properties until the animation begins, which causes headaches if you have a delay. Unless you manage state, the elements defined properties will be applied for the duration of the delay. Seems fill mode fixes this. p.s in SASS you can nest long name properties all under the headline, i.e animation: (nest) delay: 0s. This helps keep code organised but massively helps readability when a single element has font:, text:, background:, transform: long hand properties nested.

@robinhaney
you're doing a really good job ,but for me sometimes is not clear what you show ,because you use jade and sass .
I create website a few months and I'm trying to learn well: html css js .I have a question can you always
show basic css and html code when you record? I think that you will get more viewers when you do it , because more people like me beginners They will understand what you create. :)

·

i dont use ether one of those

Hi @robinhaney!

Your post was upvoted by @steem-ua, new Steem dApp, using UserAuthority for algorithmic post curation!
Your UA account score is currently 3.211 which ranks you at #8265 across all Steem accounts.
Your rank has dropped 1 places in the last three days (old rank 8264).

In our last Algorithmic Curation Round, consisting of 487 contributions, your post is ranked at #416.

Evaluation of your UA score:
  • You're on the right track, try to gather more followers.
  • Try to show your post to more followers, for example via networking on our discord!
  • Try to work on user engagement: the more people that interact with you via the comments, the higher your UA score!

Feel free to join our @steem-ua Discord server