[Pro] Template or scratch?

I came across this website tonight and I was pretty impressed with the design. Can you tell if the background is a template or built from scratch?

That also leads me to another question. Up to now, I’ve been creating all of my website background images as tiled or repeating strips, but this website intrigues me. What would be the disadvantage of using a full size background like the one shown above?


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Am not sure what you mean with template or scratch, but I am a hardliner if it comes to the amount of using freeway’s inbuilt “design facilities”. I personal reduce them to the very basics.

The outermost “impressive” pages are based on a strong and well planned photoshop (or illu or similar) layout where you finally (funny enough) just need a few slices that have to be applied into freeway. The two (to three) steps are then (just as an example):

Design:

Freeway:

Browser:

http://www.q-ring.de/

The only disadvantage I actually see is file-size of such images that could make surfing these pages sometimes a bit difficult (cause a lot of users still don’t have a full bandwidth). I specially often recognize this with pages that have bg supersizer in use. Another one is div in div with transparent .pngs (simulated layer technique) that isn’t supported by IE in older versions (IE7 lower I think???)

So as a summary:

Pretty much the same I use InDesign “only” as a collector of all different file-types to realize a print-job (folder, flyer, brochure…) I use Freeway. Now that I go this way, it really shows me what excellent tool I hold in hand if it comes to build websites.

My 7 cents (never spent that much in the past :-).

Cheers

Thomas


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Thanks for the insight Thomas. I guess what I really liked about the design was they way the designer was able to blend the graphics seamlessly with a web safe background color. Nicely done.

BTW, what is the photo transition effect you’re using in your example above? Also, what action or scripting are you using for your photo galleries?


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

The magic is to have transparent .png proper set up in photoshop. Tipp: Control click somewhere (sideways) of a browser window and choose (depends on browser) “check elements” or similar, a bottom toolbar opens. Under entry “Resources” you somewhere find images:

There you have a list of all used images of this page and you can have a deeper look how things are made.

The example above is one of my huge WebYep testing pages (more project character) so the magic appears within the browser surrounding.

The one on the index is a hype which I don’t really like (just thrown in cause it is done by the other guy working on that page and not to blame him) and the “lightbox” effect here is fancybox. All content is inserted via RichText Element and it is a little bit tricky to achieve (I could write books open spoken).

Cheers

Thomas


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options