Made my website Responsive

Hi - thought I’d share. Just made my website responsive using the Backdraft template. Still a work in progress, rough around the edges esp the about page (working on now)…

The only problem I have with it was the tablet version of the website - it really didn’t render very well at all - not sure if it was me or the template. So I removed a lot of the code to stop the div performing. To be honest I think as long as the tech is ok then most sites render as is anyway on a tablets…

Let me know any feedback if ya get time. Thanks

http://www.easthalldesign.com/index.html


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

Looks good!

On first impressions the only small glaring thing I would change JE is the X4 icons that are .jpegs EG ‘computercode.jpeg’ to .png with transparent backgrounds as you can see the graphic edges against the #ffffff background! Small But makes all the difference :wink:

In short, great job & great design as usual JE!

Worm


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

Thanks yes I did notice that Ill sort now CHEERS!


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

As always, spectacular job Justin! Your websites are all such works of art.

On the home page: “No matter how good the website looks if no one can find it?” - I think that could use a rephrasing, something like “Does is matter how good your website looks is no one can find it?”


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

Thanks Caleb!

Hmm yes it does need sorting! “Does is matter how good your website looks is no one can find it?” Not sure thats the right way either! haha!


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

Hi Justin, very nice

I’m also playing with BackDraft but can’t figure out yet how to make a header/ footer full screen widht.

Do you have tips?

Erik


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

Yes I had to email Caleb - just looking to find that email and its vanished… It wasn’t hard just a fair bit of clicking on the dimensions - which I just dont recall… So I am bound to forget something which will make it a mare for you if you try to implement and I left something out!

email him he’ll prob just send on the email he sent me with images too so v easy to follow…

Happy to email you my website home page so you can figure out from that though…


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

Ok thats nice,

Send you an email with your contactform on your website!

Erik


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

k - popping out - Ill get it over to you in a couple of hours

J


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

Erik,
I’m going to be putting a screencast together on that shortly, but in the meanwhile here are some written directions with screenshots:

I hope that helps you!


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

thx Justin and Caleb,

Give it a try tomorow!

Erik


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

Great site Justin - do I get a prize for spotting this?

D


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

Haha thats a corker!!!


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

Here’s another


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

Uh-oh, Dave is on a roll here.


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

Great thanks!!!


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

Caleb,

Can I ask … Can a hype / markup item be
Put in your responsive layout?

Thanks!

Sorry to interrupted

Sent from my iPhone

On May 6, 2013, at 6:42 PM, Caleb Grove email@hidden wrote:

Uh-oh, Dave is on a roll here.


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


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

A Hype animation can’t be used with Backdraft very well because Hype has to work with a defined pixel area, much like Walters Carousel. It won’t shrink with the rest of the website.


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

Ok, I had thought i saw a carousel in the one Justin did …

Sent from my iPhone

On May 6, 2013, at 6:51 PM, Caleb Grove email@hidden wrote:

A Hype animation can’t be used with Backdraft very well because Hype has to work with a defined pixel area, much like Walters Carousel. It won’t shrink with the rest of the website.


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


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

I looked into this - it can be done http://hype.desk.com/customer/portal/articles/259191-responsive-size-for-your-project-resizing-your-document-to-fit-in-a-window-or-element

Like my slider on the homage - its not truly responsive it just grows with the size of the area. ie the test will shrink too. Real responsive sliders keep the text readable all the way etc


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