tutorMe
 
Design to Code
This project is something I have been wanting to do for a while, but really have never had the chance to. I will be uploading cool checkpoints in my work to this page!
 
I had designed this in sketch and put it in the WIP folder, but I just finished coding it up to make it interactive! Definitely needs some modification, but the next step is make a cool transition to the next form page. This animation will make everything a lot more friendly to the user and be much more smooth than an entire page switch.
 
Most of the form pages are of a similar format, and the grid system makes it really easy to convert this to html.
 
Slide Transition
I had originally tried reinvitenting the wheel, but swiper.js made my life a lot easier and basically did it for me. This GIF is a little sped up beacuse I cut frames to reduce file size, but you get the general idea. The transition looks a lot better and everything is saved nicely.
TutorMe
0
96
0
Published:

TutorMe

A small company I'm working on. I will be uploading the sketch files images to the WIP folder (https://www.behance.net/wip/1535795) and major mil Read More
0
96
0
Published:

Tools

Creative Fields