Scroll Animation (Vanilla JS)
Jeremy Threlfall
This project creates a fun scroll animation with all the HTML being created entirely with JavaScript. As you scroll down the page, boxes smoothly appear into and out of view, giving a lively, interactive effect. The heading and all content are generated dynamically, so the page starts empty and builds itself in real time as the script runs.
Blurry Loading (Vanilla JS)
Jeremy Threlfall
This project shows a simple blurry loading effect for a webpage. As the page loads, a background image gradually sharpens while a percentage counter fades out, giving users a smooth visual cue that content is ready. The animation creates a polished, engaging effect without distracting from the main content.
Hidden Search Widget (Vanilla JS)
Jeremy Threlfall
This project adds a smooth search box to a webpage that can be shown or hidden by clicking a button or pressing Enter. When you open the search, the cursor automatically appears in the box, ready for you to type. Pressing Enter again clears the search and hides the box, making it easy to find what you’re looking for without cluttering the page.
Rotating Navigation (CSS Focused)
Jeremy Threlfall
This project is a fun and interactive rotating navigation menu built with everyday web technologies. You click buttons to open or close the menu, and the whole screen rotates smoothly to reveal the navigation options. It’s a cool way to add motion and style to your site’s menu without complicated JavaScript.
Progress Steps (Vanilla JS)
Jeremy Threlfall
This project is a simple, interactive step tracker built with web technologies you see every day. You can click buttons or use your keyboard arrows to move through steps, and it visually shows your progress with a smooth filling bar. It’s a neat way to break a process into easy-to-follow stages.
Expanding Cards (Vanilla JS)
Jeremy Threlfall
A simple web project where clicking on a card makes it expand while the others shrink. The effect is powered by a little bit of HTML, CSS, and JavaScript, with smooth transitions to make it feel more natural.