UPDATE: Read this post if you want to know why we don’t need different content. Matt explains this in comments.
I recently saw this post and was happy to see what this man had done: http://css-tricks.com/lark-queries/. He changes content when viewing on different devices / media.
I think we need different resolutions and different content on different devices. Not every text is proper for a smartphone. This has also been addressed in several blog posts out there.
So why not covering this problem with our new syntax?
As Matt already proposed he’d like to have a universal indicator to reference the responsive-assets. Now we have the <picture>-element but why don’t we just use e.g. <responsive> as name so we can have any content in there?
<responsive> should then be a inline-element as we could have this inside a h1-h(n),p,span or other elements, I think. Or we need to identify the content by providing a type-attribute?
I know this is a request that isn’t simple and easy to figure out how to do it but I think it can be important to think about it because we’re now building the future of responsive assets for the next years! And I want a good solution 🙂
What do you think about this?