How can I make reponsive my website?

User 2199475 Photo


Registered User
17 posts

Hello there!
How are you? Hope you are well and in good spirti too! :)

Well, I have made a website with visual site designer and now I want to make it responsive for Iphone, Ipad tablets and so on.

What am I supposed to do?

Any suggestion is welcome!

With many thanks in anticipation

Many kisses

Nic
User 464893 Photo


Ambassador
1,611 posts

If you are going to stick with VSD then one way is to duplicate the pages for various screen sizes and google media queries. This can be loaded into the landing page. To create responsive pages requires it being accomplished in a HTML editor, Coffee for instance.

I am investigating the "SimpleGrid" system currently, as tests show elements compress well below mobile sizes. Who knows Dick Tracy's watch maybe on the cards.

The Guy from OZ


User 187934 Photo


Senior Advisor
20,190 posts
Online Now

VSD won't do responsive yet as Prism has pointed out but users are making a separate page for mobile users and redirecting them to it with a script. Were waiting to see who's faster at coming up with something, the guy from Oz or the guy from Michigan.;)
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 464893 Photo


Ambassador
1,611 posts

I am venturing into responsive designs and as I do have the editor I am using that. But as Eric has said I am contemplating investigating a way to convert VSD files.Make me a Motza if I can.

I am thinking of trying to dump VSD code into a responsive wrapper. I have an advantage as I am retired did some programing for a job and I like fiddling with systems, I am an old Nerd. It could never be re edited in VSD though. But if the conversion system was consistent then a saved version could be converted in a one way deal anytime. I do like VSD it is one smart web site development system.

But do not hold your breath. I play with these sorts of things for fun as I get a kick out of pushing the envelope and plus it is a hobby.

I would suggest you get the editor as it is a good investment. It does come with responsive themes. Also there are many systems out there. I am currently trialing "SimpleGrid" It is simple but very powerful. Initially layout but I am finding that you can have more than one system on the go at once. Each jumps to its own command css. As most are free to do with as you please, I shall try and make an all seeing all dancing system by combining that which does the most for me. Prisms "Hybrid Grid" :D
The Guy from OZ


User 122279 Photo


Senior Advisor
14,454 posts

Prism, I'm working on a design for a responsive website these days, and I've found, that once something has been positioned absolute, it is not responsive any more. And since VSD is positioning everything absolute, you've got quite some challenge there. ;)
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com


User 603315 Photo


Registered User
938 posts

So Inger how do you think your finding responsive design? I do get failures when using relative positioning, mind I get failures when I use absolute too :lol::lol:
User 122279 Photo


Senior Advisor
14,454 posts

I haven't discovered any problems with relative positioning, not yet anyways. But what I have not solved yet, is how to position something absolute without using 'position:absolute;' if that makes sense. I'm working on it, though...
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com


User 603315 Photo


Registered User
938 posts

No I'm not sure there is. I'm reading a book on CSS3 at the moment, only done a 100 pages of 400 so there might be something in there. Although haven't come across anything yet on that. So do you use per centages as well?
User 122279 Photo


Senior Advisor
14,454 posts

Yes, % and em's for width.
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com


User 464893 Photo


Ambassador
1,611 posts

VSD poses two problems
1 Any mods done outside can not be reloaded>> preserve the original and have a converted version
2. As was pointed out all elements are absolute

However VSD has a saving grace its css and class statements are consistent. Manipulating text, changing or adding to the css is pretty easy with a program. Adding links to a responsive grid plus media queries is also straight forward., especially as the net abounds with examples.

Presently I am concentrating on making an auto responsive page maker. I have chosen the Simplegrid system but writing my own css to format the content. It was the VSD style of code that helped me create the CMS system. However the pagemaker will be all responsive even forms and data manipulation to standard requirements, they will be full CMS php pages. Doubt if I will create a VSD converter better mileage with the later.

I will add I am not a know it all but blessed with the ability to recognize logical code and gradually mold it to my will. Plus I get a tremendous buzz out of doing stuff like this.

I haven't discovered any problems with relative positioning, not yet anyways. But what I have not solved yet, is how to position something absolute without using 'position:absolute;' if that makes sense. I'm working on it, though...


If you look at the simplegrid system their way of setting out the grid and rows is easy and allows at any level to set the position of content anywhere across the page. It is within that cell if you will the formatting takes place. You do not need absolute positioning. What I am working on is reducing the requirement to the absolute minimum. Say you want 3 columns across you call the grid structure accordingly then 2 columns change again. Once I got my head around the fact that a grid supply's the layout the css the formatting, it all makes sense

This can be done without the program I am developing, by creating text files ie 3col.txt, 5col.txt etc. to carry the basic structure and insert and fill in the content. The main difference I shall have is php place holders that will supply that content on load of the page. Not as difficult as it may seem. Great fun, great hobby.
The Guy from OZ



Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.