Is your Pixelpost template available anywhere?

template.jpgUnfortunately no, and that for two reasons:

1. Because coding it took me nearly 100 hours of work and, as the pictures, it is part of my identity.
2. Because I had to patch up my Pixelpost a bit and it won’t be compatible with the standard version.

One of the most frequent questions is “How did you achieve the comments sliding panel?“.

It is very difficult to answer this question because it is web coding and you need to have some quite strong knowledge about HTML, CSS and JAVASCRIPT.

Luckily, not all has to be done because I’m using the MOOTOOLS javascript framework; this tremendous library can do a lot of thing but I only use animation effects and more technically the Fx.Style class. This class take care of interpolating values between the start and the end value of a CSS property. What is this gibberish? This is simple and very powerful, lets say we have a DIV tag with a width of 300 and at the end of the animation I want a width of 600. I simply ask to the mootools function “animate this DIV from 300 width to 600 width”, you can even chose between “transition styles” (like linear, elastic, etc.). This class can drive any CSS property, so I let you imagine the possibilities…

Here is a very simple example of how I did to have a “smooth” background color change: demosource

Unfortunately I don’t have enough time to speak more about that and it would be useless because the creators already took care of that.
On the MOOTOOLS website, you will find an expanded documentation and excellent examples.

6 Comments »

  1. hey, thank for the info

    i was wondering if you have any info/links on the mouseover effect you have, i see that you are using jquery, ive been struggling to make jquery and mootools run together. You’ve done it beautifully, keep up the great work.

    thanks for sharing

    Julien : I use Mootools, especially the Fx.Styles part of Mootools ;)

    Comment by tomms — April 8, 2008 @ 1:44 pm

  2. So you used open source software to make this website but you don’t release the code?
    Isn’t this a little selfish of you?
    And you don’t share your code because you spent 100 hours on it?
    How many hours do you think were needed to build the mootools that you liked using so much?
    This entire post makes absolutely no sense, dude…

    Julien :
    Not because I spent 100 hours on it but because this is a template, so this is a graphical identity and this is my identiy… Would you like everyone to wear the same t-shirt as you ? I know what is sharing because I share some others of my programs but sharing a graphical identity makes absolutely no sense, dude…

    Comment by Francesco — December 31, 2008 @ 7:22 am

  3. LOL - the other person is upset because you won’t give him a free copy of your template! Open Source of not, it’s your creative material. I, on the other hand would be happy to PAY GOOD MONEY for your template!!!! :) However, I understand the idea of developing a unique identity, so in that regard, it is important for you to maintain that.

    Let me just say that your photoblog is the most elegant and stunning format I have ever seen. Great job, and if you ever got the itch to develop a modified version of your template, please, please, please let me know!

    Julien :
    I’m glad to hear that Bry993, thanks ! :)

    Comment by Bry993 — January 29, 2009 @ 11:29 am

  4. I had the same question so I’m glad you posted the answer, to save me searching around for that template! It is very nice.

    Comment by Beth — March 29, 2009 @ 6:59 am

  5. After being directed here and seeing your site, I just want to say well done on one of the best photoblog sites I have ever seen, an amazing deisgn, as we all would love to hav eyour design i understand why you want to keep it to yourself. After 100 hours coding is a lot of time well spent on the end product.

    Well done

    Comment by Dan — October 10, 2009 @ 3:46 am

  6. Hi,
    Impressive, but is there a way that we can add a blog into pixelposts, one that shows the photos in a post, but also is posted in the gallery, or album?
    Probably not, but was just hoping someone knows how to do this…?
    Thanks,
    Jim

    Julien :
    I have no idea Jim, perhaps a pixelpost plugin. You should ask this into the pixelpost forum

    Comment by Jim — October 21, 2009 @ 3:47 pm

Leave a comment

Please don't leave a comment to say 'thank you' but only if you have something interesting to add or to ask, ;) .


» Close
E-mail It