Not clear on where breaking points are

User 256142 Photo


Registered User
3 posts

Are responsive breaking points determined by rows, columns or both? A diagram of some kind would be good if there is one. I need to convert some existing sites and it ain't easy.
Jackyboy
User 2088758 Photo


Senior Advisor
2,700 posts

Hi Jack,

Actually with using RSD it is very easy to convert your website and make it responsive. I believe you are thinking about it the wrong way. Break points are used to define points of your website where the design fails as the size of the screen gets smaller.

If you want you can look up media queries in Google it will give you a good idea of what responsive designing is. RSD uses break points (media queries) and a preview display to visually help you decide where they should be.

It's a very slick tool that you should download the trial too.
Taking over the world one website at a time!

Steve Kolish
www.misterwebguy.com

YouTube Channel:
https://www.youtube.com/channel/UCL8qVv … ttneYaMSJA
User 256142 Photo


Registered User
3 posts

I am working with a trial of RSD now. That's why I asked. I need a tutorial or something. There is currently a very wide chasm between where I am and what you are saying. Your first paragraph is probably accurate, but I don't see any answer to my question.
Jackyboy
User 103173 Photo


VP of Software Development
0 posts

Learning responsive design can take a little time to master. But we have a bunch of articles on RSD to help you get more familiar with how this app works. Our Quick Start Guide is very helpful when getting started. We also have a new step-by-step tutorial which will walk you through transforming a static site to a responsive one that is perfect when you are just starting out. http://www.coffeecup.com/help/articles/1430

If you are a visual based learner, a new tutorial has been posted that breaks down the creation of a responsive page in just 5 steps. This article is unique as it includes 8 instructional videos. Check it out at: http://www.coffeecup.com/help/articles/1449
Learn the essentials with these quick tips for Responsive Site Designer, Responsive Email Designer, Foundation Framer, and the new Bootstrap Builder. You'll be making awesome, code-free responsive websites and newsletters like a boss.
User 122279 Photo


Senior Advisor
12,118 posts
Online Now

Jack Andrews wrote:
Are responsive breaking points determined by rows, columns or both? A diagram of some kind would be good if there is one. I need to convert some existing sites and it ain't easy.

You will find the answers in the articles mentioned above, but to try to give a direct reply:
The break points are NOT determined by rows and columns. They are determined by the page elements you put in. As an example like this: If you have, in a column, an image left and a paragraph of text to the right, each taking up 50% of the column width initially, you can move the slider towards left and see that the paragraph wraps down below the image, and everything gets small and narrow. When you think that the image gets too small, or maybe better a bit before it gets too small, you can add a breakpoint where the slider is at that moment, and change the width of the image and the paragraph to say 100%, so that they display below each other and thereby cover the width of the column they are in. That will allow for better viewing of details and reading of text.
This is only one example of what you need to set a breakpoint for, you'll find other uses when you read the articles.
Ha en riktig god dag!
Inger, Norway
My new honey site, built with RFF: http://www.eikweb.com/horgenhonning/
Component sharing for RFF, RBB, RSD and SD: http://www.eikweb.com/sharing/



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.