8.jpg

Web Development

 

Web Development

I coded my first personal website     from scratch. The goal is using HTML, CSS, JavaScript as a tool to explore the web micro-interactions.

Please Check: My Personal Website

    Tools: HTML, CSS, JavaScript

     
     
    4_better.gif

    micro-interactions

    1. When you click the thumbnail on the homepage, the thumbnail image stays at the top and the secondary content is unfolded underneath.

    2. After you close the secondary page, the screen scroll to the thumbnail automatically.
     

    Challenges

    1. Fold and unfold the secondary content on the homepage
    2. Remember your last visit position and scroll back
    3. Detect the screen size of the local device