14 comments

  • Paul RosePaul Rose, over 9 years ago

    Thats a great looking site!

    The animation on first page load is brilliant.

    Have a well earned pat on the back!

    1 point
  • Adam T.Adam T., over 9 years ago

    Loading speed aside this is one of the most beautiful sites I've seen in a bit. The header / footer are great.

    1 point
  • Wesley HainesWesley Haines, over 9 years ago

    really beautiful work.

    how do you create some of these dynamic animations when the user scrolls downward?

    I love this interactivity and am looking for a tutorial on it myself. Would love to know if anyone has an idea.

    1 point
  • Colm TuiteColm Tuite, over 9 years ago

    The color scheme is just gorgeous man, really really nice work. Roboto Slab was a great choice too, it really feels like vines or some type of sprawling plant.

    The scroll is fucked up though, ruins the whole experience for me. Just remove the scroll effect and leave the scroll alone.

    +1 for Ted on the load times too. The biggest offenders seem to be the 8 Js files and the videos. Check out Google PageSpeed and YSlow for more tips.

    1 point
  • Kevin RabinovichKevin Rabinovich, over 9 years ago

    This is a gorgeous site. The animated previews of all the websites that change as you scroll, however, are competing a little—it's hard to focus on one without getting distracted.

    1 point
  • Floyd WilliamsonFloyd Williamson, over 9 years ago

    Its a beautiful website, but you might want to work on the load time. Here is a screenshot of my load - 12 seconds on a 15mb wifi connection! http://www.imagesup.net/?di=214059621493

    1 point
    • Lucas BebberLucas Bebber, over 9 years ago

      Hey thanks! That is a bit excessive, I'm gonna work on that. But it doesn't take as long to load here, might be because I'm using a local hosting service?

      0 points
      • Floyd WilliamsonFloyd Williamson, over 9 years ago (edited over 9 years ago )

        Something you might want to look at is sending fewer http requests. Your website sends over 200 requests to the server (which is a lot).

        You should use image sprites where feasible, as this would send one request to the server, instead of a request for every image in the sprite. You can also do this for svg! You bundle them up in one file and instead of worrying about positioning (like you would for bitmap), you can call them with unique classes and id's. You should also collate your javascript and css files into one file each when possible. There are even scripts that do this, if you want to keep everything separated in the folder.

        You use a lot of 2d images which you have as png's. If you want to save close to a mb, why not use svg (and a fallback if necessary)?

        Lastly (and most importantly), you have about six videos on the page, and that is responsible for about 8mb. May I suggest you use animated gifs with a lazy load (heavily optimized of course)? Or, you could even replace the videos with a static image, and only load the video when the user clicks to see it.

        Anyways, just some tips!

        2 points
        • Lucas BebberLucas Bebber, over 9 years ago (edited over 9 years ago )

          Hello, thanks for your comment.

          I didn't know you could make sprites with SVG, so thanks, I'll look into it!

          Since the graphics are somewhat complex for vectors (what with the blades of grass and everything), using SVGs makes about 1mb per layer (after simplifying them in Illustrator), not to mention heavier on the CPU, which makes it unfeasible. Besides, the PNGs are light anyway. The number of requests is a problem, though, so I'll try to reduce it.

          GIFs are way heavier than videos, so that's not really an option. Also, they are streamed, so the absolute size doesn't matter as much. The problem is that they were (or should not be by now, would you mind testing?) preloading before they should, so that was slowing it all down.

          Thank you very much for your tips and for taking your time!

          0 points
          • Floyd WilliamsonFloyd Williamson, over 9 years ago (edited over 9 years ago )

            Its my pleasure! I checked your website again, and it loads in under 5 seconds and sends only 80 requests. Huge improvement on my machine.

            0 points
  • Jan LehtinenJan Lehtinen, over 9 years ago

    Love the use of SVG drawing when scrolling! And the site is just beautiful.

    0 points
  • Pedro Ivo HudsonPedro Ivo Hudson, over 9 years ago

    Fantastic! Lots of layers. Loading was fine here.

    0 points