Is your Pixelpost template available anywhere?
Unfortunately 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: demo • source
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.
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
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
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
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