Re: Resizing examples

Hi Jonathan,

Thanks for those, I’ve saved the examples off for when I get to writing techniques!

I would point out that this:
> It’s with responsive sites.

Is not the same as:
> [I have to] to zoom out in order to get the content in the middle to be big enough to see.

“Responsive” means using media queries to adapt the layout at different sizes (and therefore zoom levels on desktop browsers), so if it were responsive (not just flexible units) then that would not happen.

For example:
>  The content on the sides all have min-width and so at some point when you zoom in the content in the middle gets squished.

So you might have a flexible layout, but if it were responsive you would have a different media query take over and reduce the columns, like this:
https://alastairc.ac/tests/layouts/percentages-rwd.html


If the sides columns are fixed (in px or em for example) and the centre is flexible, you can get a nasty sitation where the main content is squeezed out. But that isn’t a “responsive” approach.

> Go to http://wjla.com/ you will see that the navigation bar goes off the right with no scroll bars.

That right-hand column drops down below the main content, do an in-page search for ‘trending’ and you’ll find it further down. If it weren’t for the header it would be a pretty good example of a responsive site.


> http://www.kennedy-center.org/calendar/index?gclid=CNfx79ex29ECFVBMDQodh0YIeQ

> Check out this example – the calendar extends past the right side but there is no scrollbar.

I don’t get a scroll bar (but I’m on a Mac so don’t get them anyway), but I can scroll to the right.


> Another example is floating fixed potion content.
http://www.w3schools.com/jquerymobile/tryit.asp?filename=tryjqmob_toolbars_fixed

> At 200% the content area on the bottom right is so small I only see two lines at a time.

Again, not responsive, just flexible (i.e. percentage widths/heights).


> The book on the bottom right isn’t even usable.

Indeed, that’s an inflexible PDF/image being shown within a non-responsive layout.

Thanks,

-Alastair