Shaolin SUSU is a website I created to help promote and provide information about the Southampton Shaolin Kung Fu Club based at the University of Southampton. This site uses bootstrap.
SneakOff is an e-commerce website that sells unique and rare sneakers. This site is using Wordpress and Woocommerce.
This is a single page mock up website using a parallax effect, the images move based on mouse position or tilt position on mobiles.
I wanted to contribute to the webdev community and create something that others could use. I decided to develop a single page with 14 different hover effects aimed towards image galleries. Rather than create it just as a repo where you'd import the code for all 14 effects I used modals to display the code for the desired effect that can be copied and pasted for a more optimized solution.
I created a reflective M for my first name. Click on the slides to see the reflection in full effect.
Here I created a looping animation of a square transforming into a circle in 4 stages and changing colour.
Exploring Sass I created this pen. You can change the variables to change how the animation looks.
This Pen was picked and made it on the homepage of Codepen. I created a html working example of a design from Dribbble. Click to view and see more details.
I wanted to be able to create this effect but had not seen it done anywhere or could find any working examples. Here is my working version.