Jump to content
Stef's Coding Community
Graeme

Responsive Web Design

Recommended Posts

Hello All,

Is it possible to generate code from an existing web site suitable for RWD?  Maybe some software that would do it?

Thank you as always,

Graeme

Share this post


Link to post
Share on other sites

Hmm ... I am not sure what you mean?

You want to point software at a website, and have it create the same, but responsive? If that's what you want, I don't think you can do that without getting into code. 

We just updated the non-responsive StudioWeb layout, to make it responsive, and we had to rebuild from scratch.

Stef

Share this post


Link to post
Share on other sites

Responsive Web Design is about using HTML and CSS to automatically resize according to screen resolution, hide, shrink, or enlarge, the content of a website to make it look good on all devices.

Share this post


Link to post
Share on other sites

You should first decide on how many layouts you would be needing. Begin by designing a non-responsive layout, fixed at the default size. For example, perceptsystems.com default width is 32px. 

When you’re done with your non-responsive website, the first thing to do is to paste the following lines within the <head> and </head> tags on your html page. This will set the view on all screens at a 1×1 aspect ratio and remove the default functionality from iPhones and other smartphone browsers which render websites at full-view and allow users to zoom into the layout by pinching.

Good luck! :)

 

Share this post


Link to post
Share on other sites

Responsive Web Design is an approach that suggests that the planning & development must meet the user’s experience & the environment is based on the size of the platform screen & management. The practice consists of a mixture of networks & flexible layout, images & the smart use of CSS media queries. When the user moves their laptop Mobile or any equipment, the site should automatically adapt to the resolution, image size & scripting capabilities.

Share this post


Link to post
Share on other sites

Responsive Web design is just technology for websites that seamlessly degrade depending on the size of the viewport.  This is done through the use of media queries which is just more fancy terminology for determining the type/size of hardware the visitor is using to view the site. 

Responsive websites look good on a cellphone, a tablet, and a large desktop monitor. Or anything else in between.  There are lots of boilerplate CSS and HTML packages currently available free to give you the basics of responsive design without too much work.

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...

×
×
  • Create New...