Skip to main content

lab 37

I developed a sticky nav bar in lab 37 that causes an animation in the navbar when it sticks and discloses the logo. I did this by adding to the navbar a particular class whenever window.scrollY is higher than or equal to nav's y position. Then I altered the logo design to trigger the animation based on that class change. This is achieved by setting max-width to 0, but by setting it to 500px with the shift.

  I've done this lab to exercise my animations javascript and css abilities. In this lab, I learned how to produce and activate animations based on the position of the Y axis scroll. In the future, I envisage using these abilities when I work on websites requiring scroll animations.

Comments

Post a Comment

Popular posts from this blog

Lab 23

Hello everyone! For lab 23, we needed to make a website page that had an agenda on it. I did it by utilizing the info tag on HTML and styled it with CSS we likewise needed to make a capacity where in the event that you press the move key and snap 2 check boxes it would check everything in the middle. I made this by making a capacity called Handle watch that had an occasion parameter. Utilizing the occasion parameter we could check if the move key was clicked or not and in this way giving us a chance to choose if everything in the middle of two check boxes ought to be checked or not. Also, this lab I figure out how to utilize the forEach capacity And how to make bolt works. I will apply these abilities later on when I need to make a site where it has a ton of usefulness so I would need to utilize the for each capacity and make a capacity. Counsel I would offer is to utilize jQuery rather than vanilla JavaScript on the grounds that it truly abstracts the whole JavaScript language into...
Post a Comment
Read more

lab 18

Hello Everyone! Despite the fact that this lab wasn't front-end overwhelming, it was exceptionally specialized as we chiefly utilized the comfort. What we needed to do was to emphasize through clusters, and items. Utilize various strategies to channel and sort the exhibits/objects. First we working on sifting clusters by utilizing the channel technique made for items to channel the ladies dependent on their lifetime period. For the names object, we utilized the sort technique to sort the names in sequential order request and for the transportation object, we utilized the decrease strategy to check the occasions that particular article came up in the exhibit and showed that in the support. I did this lab since it was doled out to me by my educator, I took in a great deal in this lab. For instance, I didn't know the greater part of these techniques even existed in JavaScript like the channel() strategy. I see myself utilizing these aptitudes later on when I am working with bun...
Post a Comment
Read more

Lab 19

Hello everyone ! Lab 19 was fundamentally the same as lab 18 as far as managing exhibits/information. This time we needed to discover certain information in the item and the file of that object. We additionally checked if each item meets explicit criteria like age. So we had constants which iterated through articles to discover individuals that are grown-ups. We did this by utilizing the a few() and each() on the item. To discover remarks and their lists in the exhibit I utilized the find() and findIndex() techniques to discover explicit remarks utilizing the id object of that cluster and record it.  I did this lab since it was doled out to me by my instructor, I took in a ton in this lab. For instance, I didn't know the vast majority of these strategies even existed in JavaScript like the a few() and each() technique. I see myself utilizing these aptitudes later on when I am working with loads of information and I have to sort/channel or do anything with the information so far ...
Post a Comment
Read more