Viewing Easier way to create variations for tablet & phone

Easier way to create variations for tablet & phone



User: Paul M. 11 years ago
Take a look at "Landscape" software from ConjureBunny:
http://www.conjurebunny.com/Landscape/
You can download a demo version.

This is a very basic page builder with much of the flexibility of Everweb. Look at the tabs at the top of the window for desktop, tablet, phone. These tabs allow you to rearrange current content to fit multiple formats. The result is a responsive web page!

Instead of having to build separate pages again for the phone in Everweb (and no support for tablets) why not add this feature to EverWeb??
User: James G. 11 years ago
I have looked at that program several times and went looking for reviews. I think he is achieving what he is achieving due to being built on Unity. If that is true, you would need Unity installed to use it, and any person going to a site would need to install Unity to view the site. I like that it handles .obj files, but find the price structure difficult since he writes his own reviews and pay is described differently in different places. Some things mentioned in the video are odd as well.
It looks cool and would be cool to mess with
User: Paul M. 11 years ago
I have played around with the demo version creating a page with desktop, tablet, and phone versions and it opens just fine without unity installed. I can also resize the browser window and the page automatically adjusts to the appropriate format version. I am not suggesting Landscape as an alternative to Everweb, rather to show an example of how the flexibility allowed by Everweb can be compatible with responsive site creation. My question is: Why not incorporate this technique in to Everweb??

I like using EverWeb and the creative flexibility it gives me but I need to create responsive sites that Everweb cannot provide. The current state of Everweb becomes less relevant each day without responsive capability.
User: Paul-RAGESW 11 years ago
We're working on it.

But I would strongly disagree with what youre saying. Responsive websites means essentially 3 websites (or more) are being downloaded at once. You need to consider slower download speeds of mobile devices and less bandwidth. A dedicated mobile site is usually better. So consider why you want a responsive site. If it is just because you want to be like everyone else than a fluid design is what you're really after.

You should always create a dedicated page for low bandwidth, slower devices.

Last edit 11 years ago

-------------------------------
Paul
EverWeb Developer
User: spyboynola 11 years ago
I find that an Everweb mobile site is perfect and loads very fast and you just copy and paste the mobile version info into the full size site and redirect to mobile and it looks great on tablets and computers . So automatic. I do have some issues with what happens on some Android phones though. Have not address it yet.
User: Roddy 11 years ago
Quote:
These tabs allow you to rearrange current content to fit multiple formats. The result is a responsive web page!


The result isn't a responsive web page. This system uses three stylesheets to create three fixed width variations at 300px for phones, 480px for tablets and 1024px for computers.

This is an example of a very simple responsive website.. It response to all screen/browser widths and the content area has a max width setting so that it doesn't spread out all over the place and look stupid when viewed on computers.

It has one simple stylesheet and a few media queries to handle rearranging the content blocks on various screen widths. The Sidebar page shows how layouts can be varied using simple main and sidebar content blocks and if you need more variation, the Columns page shows how it can be done quite easily.

With responsive designs the devil in the details as can seen from the icon in the header, swapping out Map styles and change the phone/email inputs on the Contact page. This is where a knowledge of relative positioning, floats and media queries is essential.

Both the Slider and the Gallery pages show what needs to be done to make these suitable for various devices and how to deal with Vimeo/YouTube can be seen on the Video page.

This site is far more efficient than the Landscape one and will have far better SEO since it has a semantic layout using HTML5 elements.

To make this site more efficient, it would be created in three different versions so that smaller size images and video files can be downloaded for each the of mobile device. I'm just being lazy by creating the whole site as one project!

As Paul has pointed out, a truly responsive site is NOT usually the best way to go unless it is a very simple one with only a few images and no videos/slideshows. Far better to create three versions with one being fixed width for computers and the other two fluid width to fit the various screen widths of al the different mobile devices on the market.

Although I'm not in the web design business anymore, I did create a new site for a business I'm still associated with. I used EverWeb to create the main site which runs to about a dozen pages. The mobile version was created using the techniques shown in the demos in this post and was cut to three pages. This could just as easily have been created as two separate sites and I only used responsive design simply because I can.

-------------------------------
Roddy

Website: http://everwebwidgets.com
Contact: http://everwebwidgets.com/ewWidgets-home/contact.html
NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own.


Post Reply
You must login or signup to post.