↵

Site Design: Printedbysomerset(printedbysomerset.com)

7 years ago from Nic Trent, Lead Designer

  • Rebecca T, 7 years ago

    How does one even learn how to develop a site like this?!

    2 points
    • Steve SunderlandSteve Sunderland, 7 years ago

      look at the source code

      7 points
      • Dirk HCM van BoxtelDirk HCM van Boxtel, 7 years ago

        More-so: learn the techniques, then use your imagination while implementing them.

        In this specific case; realise that a lot of what we do on the web, has an origin in the real world, then take that one step further.

        1 point
    • A. M. ­DouglasA. M. ­Douglas, 7 years ago (edited 7 years ago )

      It's really not that complicated. With all those lossy JPGs, it'll be a pretty underwhelming experience for anyone with a Retina screen, that's for sure.

      Great design, sure, and it would have impressed me if it was an email design rather than a website—for it to be truly impressive to me as a developer, I would like to have seen it built using <canvas>. That would have impressed me.

      0 points
      • Ismail JadunIsmail Jadun, 7 years ago

        You just wrote two paragraphs fronting to a beginner instead of helping to answer the question. Only @Aaron wrote anything helpful. Even @Steve was more helpful.

        ¯\(ツ)/¯

        7 points
    • Aaron SagrayAaron Sagray, 7 years ago (edited 7 years ago )

      It's spritesheet animation – a lot of image swapping, via javascript, when you click on a hotspot. It's a technique that has been around for a while. Their usage of the technique is very polished, but it comes at the expense of pretty large spritesheets.

      Here's a basic tutorial on the concept: http://gamedevelopment.tutsplus.com/tutorials/an-introduction-to-spritesheet-animation--gamedev-13099

      8 points