Sign in to follow this  
Followers 0
TrashZen

TrashZen fully re-loaded

10 posts in this topic

It was about time to re-code TrashZen, mainly because increasing screen sizes meant that year-on-year, the site was shrinking.

The photos and the animations were getting all pixelated (especially the most dated ones, when internet connexions were so poor that you had to make everything small, check out the 2004 version for a laugh).

So I have recoded every page to include better resolution pictures, the pages are responsive to display size, so they always fit nicely, without having to scroll all over the place (they can even shrink to one column, but the images and text always adapt to be readable).

1528690_572615892824246_378726758_n.jpg

Then, using the mouse-wheel, you can animate all the step-by-step sections at your own pace, back and forth to see the full move sequence in high resolution.

On top of that, nearly every page comes with a HD video showing the technique in slow-motion, performed in different contexts (some extracts of old vids, and some more natural since I have quite a nice rocky zone nearby).

1005915_571276736291495_735115260_n.jpg

The overall look is still pretty much the same as before (I chose a more readable font), but as it is now, the website should survive quite a few years of pixel shrinkage (hopefully until its 20th birthday in 2018).

It´s online now, so check it out again!

Hope you'll enjoy.

Wishing you all an excellent year!

3 people like this

Share this post


Link to post
Share on other sites

Good to see you back in full swing (Y)

Share this post


Link to post
Share on other sites

Great stuff :)

In the interest of being picky because no doubt you want it right, there's a little issue with the responsiveness. As you resize the window down it chops off the right hand column before it resizes:

post-497-0-75547300-1389696118_thumb.png

Unlikely it'll ever be an issue, because it occurs at an odd resolution, but it's worth pointing out. Also, you might want to assign this to the CSS to make the whole thing centre in the browser when the window is larger than the width of the content:

#wrapper {
   margin: 0 auto;
}

It's a great improvement though, hopefully you don't mind a little constructive criticism :)

Share this post


Link to post
Share on other sites

Hi Julien

You're such a legend to keep your website up to date

The changes are awesome, Pretty good job there

god, that 2004 website version

brings a tear to my eye

I_Has_A_Sad.jpg

Share this post


Link to post
Share on other sites

I don't like the white on black background as it makes my eyes sore.

Share this post


Link to post
Share on other sites

I don't like the white on black background as it makes my eyes sore.

:bow:

1 person likes this

Share this post


Link to post
Share on other sites

:bow:

It really does. After reading a couple minutes I kinda see the writing still, when I'm not looking at the page. Kinda like when you're looking at the sun and then shut your eyes.

Share this post


Link to post
Share on other sites

Sorry, just sounds like something a five year old would say.

Share this post


Link to post
Share on other sites

Sorry, just sounds like something a five year old would say.

If you say so.

Share this post


Link to post
Share on other sites

Top stuff julien, I can remember reading your site for hours when I started! A great service still going strong.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!


Register a new account

Sign in

Already have an account? Sign in here.


Sign In Now
Sign in to follow this  
Followers 0

  • Recently Browsing   0 members

    No registered users viewing this page.