byVolce the online portfolio of Jonathan Solichin

It has been a cool 2008, and it’s now time to join 2009 and all it has to offer. My resolution this year is to “Carpe Diem” or seize the day. No matter how cliche it is, I think it is a great goal. A big one indeed, but as I came to realize, most of the things we regret is the things we didn’t do. Few things we regret because it was done. And also, with this new beginning I decided to revamp my parent domain (byvolce.com) and actually make a portfolio instead of a bunch of links that it currently is. I hope you like it.

I decided to experiment with a yellow black and white theme. It is said that those are the most contrasting colors. Well yellow and black anyway. I threw a white in the mix as not to blind your eyes out too much, add more variation and to try and keep it from not looking like a caution sign. After all who wants people to think that your website is dangerous? No, we want people to think our site is worth noticing. On another note, one of my favorite website also has the color palette. He is a great inspiration.

Now with all the web 2.0 craze and fancy effect these days, I decided to fall under peer pressure and try to implement it on my portfolio. This is my first site involving jQuery and ajax. It is also my first developer project, as I had created the engine behind it myself. But I didn’t completely build it from the ground up. As I said, I used the jquery and some of its plugin. It was a challenge to learn all these new things at once, but it was great.

Fancybox on byVolce

Currently the portfolio works like this on the back end.

1. Login
2. Upload  file
3. Crop and generate a thumbnail
4. server saves it in a predetermined and automated directory

On the front end it goes some thing like this.

1. User clicks a link generated by scanning a directory list (done by PHP)
2. The PHP then calls for jquery which pulls out another page
3. The 2nd page uses PHP to scan the dir of the selected dir
4. Then a user can click an image and zoom in on it using jquery
5. Rinse and Repeat

The Login screen of byVolce

The site currently uses the jQuery with ajaxify (for ajax loading),  fancybox (for the lightbox), and jCrop (for the back end cropping). Much of the tutorial used on this portfolio can be found at Nettuts. Tutorials include

• Scanning folder with PHP
• How to load in and animate content with jQuery (later replaced with ajaxify)

Now enough of this technical mumbo jumbo. Time for you to check it out for yourself! Comments are appreciated as always. And what’s your new year resolution?