CSS Regions & Responsive Design

Off Topic
1

http://coding.smashingmagazine.com/2013/11/05/killer-responsive-layouts-with-css-regions/

Todd
http://xiiro.com

offtopic mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

2

Thank you.

offtopic mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

3

<
http://coding.smashingmagazine.com/2013/11/05/killer-responsive-layouts-with-css-regions/

I haven’t quite worked out what the practical ramifications of this are…
still waiting on my “oh yeah, I get it now” moment.

:wink:

offtopic mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

4

Maybe i completely misunderstood the article, but I was thinking of content that comes of of a database. There are cases I can think of splitting content automatically into different areas. If this could be done by CSS it would be fantastic.

offtopic mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

5

It looks more like a way to lay out a page where the text can reflow into different number of columns based on device width. This is more flexible than simply declaring columns with the CSS3 column-count property, because in addition to dividing the space evenly, you can also do more adventurous and asymmetrical layouts if you want to.

Funny enough, Freeway has had a feature that looks similar to this since version 1. The ability to link several text frames together with the “chain” tool, and then pour a single text document into all of them at once is pretty much not found in any other Web design application. However, unlike the regions feature shown here, that actually cuts the text into n number of separate (and semantically unrelated) container elements. It’s not a very good tool for making a layout that you expect people or machines to read.

Walter

On Nov 6, 2013, at 2:50 PM, atelier wrote:

Maybe i completely misunderstood the article, but I was thinking of content that comes of of a database. There are cases I can think of splitting content automatically into different areas. If this could be done by CSS it would be fantastic.

offtopic mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

offtopic mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

6

I’ve experimented with regions and it does seem to offer a fairly potent method for building responsive designs. Though I’m not sure if it’s more of a supplemental technique or a one-size fits-all solution. Either way it’s pretty slick.

Todd
http://xiiro.com

offtopic mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

7

Ok Ernie, here’s a real-world example that might help get the ideas flowing http://codepen.io/oslego/details/tdHEg.

Todd

I haven’t quite worked out what the practical ramifications of this are…
still waiting on my “oh yeah, I get it now” moment.

offtopic mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

8

here’s a real-world example

Yes I saw that one too but my iPhone is the only device that I can view it with.

David

offtopic mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

9

Very helpful article from Smashing magazine. Thanks for sharing.

offtopic mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options