Selasa, 21 Juni 2011

Making a Beautiful HTML5 Portfolio

Do you want to share?

Do you like this story?

YOUR GOOGLE ADSENSE CODE HERE (300x250)
YOUR GOOGLE ADSENSE CODE HERE (300x250)


In today’s tutorial we will be making a beautiful HTML5 portfolio powered by jQuery and the Quicksand plugin. You can use it to showcase your latest work and it is fully customizable, so potentially you could expand it to do much more.



The jQuery

What the Quicksand plugin does, is compare two unordered lists of items, find the matching LIs inside them, and animate them to their new positions. The jQuery script we will be writing in this section, will loop through the portfolio items in the #stage list, and create a new (hidden) unordered list for each of the tags it finds. It will also create a new menu option, which will trigger the quicksand transition between the two lists.



DEMO   -    DOWNLOAD    -   URL
 

YOU MIGHT ALSO LIKE

3 komentar:

Anonim mengatakan...

Thanks for providing such nice information to us. It provides such amazing information on care/as well
Health/.The post is really helpful and very much thanks to you. The information can be really helpful on health, care as well as on
exam/ tips. The post is really helpful.
Thanks for providing such nice information to us. It provides such amazing information on MBA Exams/

peter thakur mengatakan...

Nice blog and grateful information to who are visiting these pages. I would like to appreciate all your efforts, I have used many other services several times and I am very happy with it too. Finally once more thank you for this breathtaking article and I like this.if you have interest please visit us: Google Play Generator

Oliva mengatakan...

Thanks for making this valuable stuff post I am so impressed this valuable stuff post such a wonderful article provide i have bookmark this amazing stuff . I would like to provide some information about dolphin emulator

Posting Komentar

Advertisements

Advertisements