You are viewing a plain text version of this content. The canonical link for it is here.

Posted to dev@royale.apache.org by Harbs <ha...@gmail.com> on 2021/04/19 09:44:16 UTC

Interesting approach to responsive layout

I just learned an interesting trick:
https://youtu.be/fuiEYR6Hoe0 <https://youtu.be/fuiEYR6Hoe0>

What’s really interesting to me is that you can get responsive layout without media queries or Javascript.

Media queries (besides being ugly if you ask me) are limiting in that they cannot be used in inline CSS. That means you can’t really encapsulate a component/bead without messing with CSS class names.

This approach allows for inline CSS which gives much more freedom on how layout can be done and does not require JS to measure anything to accomplish it.

Food for thought,
Harbs

Re: Interesting approach to responsive layout

Posted by Harbs <ha...@gmail.com>.

Here’s the article on the topic (no JS allowed on his site!?!)
https://heydonworks.com/article/the-flexbox-holy-albatross/

> On Apr 19, 2021, at 12:44 PM, Harbs <ha...@gmail.com> wrote:
> 
> I just learned an interesting trick:
> https://youtu.be/fuiEYR6Hoe0 <https://youtu.be/fuiEYR6Hoe0>
> 
> What’s really interesting to me is that you can get responsive layout without media queries or Javascript.
> 
> Media queries (besides being ugly if you ask me) are limiting in that they cannot be used in inline CSS. That means you can’t really encapsulate a component/bead without messing with CSS class names.
> 
> This approach allows for inline CSS which gives much more freedom on how layout can be done and does not require JS to measure anything to accomplish it.
> 
> Food for thought,
> Harbs