Fade for Fun

Not alot done of late due to the other assignments that are around. Today I managed to get a few little things done and working nicely. The first thing that was done was that after I had Ajax working on sorting items and the creation of tabs in the portfolio I decided to continue building on using Ajax to make the fluent and easy to use UI that I promised in my design.

So I turn the pop up dialogs that create items (title, text, images and videos) into Ajax. Although along this route I found that Ajax is not possible for uploading files which puts a stop to this method for images and videos (although there are work arounds). So I turned it into a half Ajax after normal uploading method. So the text and title will work with Ajax.

I wanted to make the UI again look as nice for the user to use as possible. So I thought when editing the items, create and delete should have a nice fading animation. With the help of jQuery this was very easy to do. So when you now delete, after Ajax has got back to the browser confirming it has been deleted then it will fade out slowly. Also when creating a item it will fade in, in the same method.

I also managed to do a lot of tidying up as I learn more and more jQuery I can turn the vanilla javascript code into jQuery more tidy.

Something that I will need to do soon is make it more clear that A item is being deleted, Or has just been created or edited. To do this I may use a flashing animation before the item fades out or after it has faded in. In a bright colour of yellow or maybe the brands purple.