Lab 26

-
For this lab, we had to use a combination of CSS and JavaScript to manipulate images to slide in when they are on-screen. We had to create a div for the image to inhabit, special CSS classes, and JavaScript code to create this effect. In the end, we get a satisfying webpage with cool images that slide in when they are on-screen. I don't really want to use this as it doesn't match image I'm looking for in my works; therefore, I pretty much see this as a cool demo.


Comments

Post a Comment

Popular posts from this blog

Final Portfolio Reflection

-
Image
The Final Portfolio project is supposed to be the culmination of all our works over the 3 years we've been in Web into one website. This portfolio is supposed to contain all our works from Visual Design all the way to Web Client Programming. To make it more interesting, each of our portfolios had its own style which made it distinct from others. As a result, you can tell whose portfolio you are on based on what you immediately see in front of you. I started building my portfolio slowly during the school year. It went through a few iterations before it became the final product. As it is, I'm happy at how my portfolio came out, it resembles the vision I had for it and contains all my previous works I have done over the years.
Read more

Seminar 2

-
Image
On the final day of CTESS, we reported to the Bank of America building to recap on what we had done in the program and present our topics from the Youth Think Tank. Other students offered their criticisms and feedback to our presentation and vice versa. The seminar also told us what to expect in our future and what steps we can take to ensure that it is successful. I had some prior knowledge of this topic because I had been to some workshops that taught me how to ensure that my future is successful.
Read more

Lab 29

-
Image
For this lab, we created a special text shadow that moves based on your cursor's position. To do this, we first had to create a word that acts as our "anchor". Then, through a series of JavaScript commands, we create four separate text shadows that circle around our anchor word based on our mouses position. The result is a psychedelic effect which is quite appealing to the user's eyes. I actually saw this particular lab showcased on a senior's laptop in last year's CTE Expo.
Read more