What happens to hidden items? - Post...

User 2488786 Photo


Registered User
185 posts

So if I understand right, you hide items to make a smaller screen look better, but what happens to them?
Are they just not available from a small screen?
Would you add links as a way to access those items?
Hope all had a wonderful holiday!
An expert at using the wrong tool the right way.
User 187934 Photo


Senior Advisor
18,745 posts

Try not to use display:none to much. I think it's better to make a clean and lean page altering how that content is displayed to the specific screen size and allow users to select the rest of the content they will need to see by making additional pages that are also clean and lean. More pages with more specific content is what I go for. You have to remember that display:none still loads the content so page speed for mobile users is almost the same as those viewing on a large screen pc.
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

Here's my S-Drive site with
examples of what can be accomplished in VSD.
https://progrower.coffeecup.com/
Here's my CoffeeCup SCCP Shop with examples of what can be done.
https://progrower.coffeecup.com/shop/
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 271657 Photo


Administrator
3,816 posts

With a responsive site, users should have the same content no matter what device they're using – no hiding photos, videos or long content at smaller sizes. They're still there taking up bandwidth, so there's really no advantage to hiding them.

The big exception is menus. It's expected that wide-screen menus will be swapped for mobile versions on smaller screens.

If you have a content-heavy site, you can use "read more" links or toggles to expand/close content to keep things under control if it seems there's too much going on.

It seems RLM uses flexbox, which makes it possible to rearrange content. Rather than removing a large photo near the top of a site, for small screens it could shift lower to put a heading or call to action at the top instead.
I love deadlines. I like the whooshing sound they make as they fly by. (Douglas Adams)
https://www.callendales.com
User 10077 Photo


Senior Advisor
1,038 posts

I see the reasoning behind not hiding elements because it doesn't help bandwidth. So what do you do with regard to something like slideshows with large images? I hide them on mobile so that I can use the screen real estate for more important information. But if I want to save bandwidth, is there a way to make them not appear so that they don't load either?
How-To Instructions for Coffeecup Users (tutorials, examples, and downloads)
http://usconsumernet.net/help-for-coffe … -users.php

Personal & Specialized Help for Coffeecup Users
Email me at cchelp@uscni.org or call 865-687-7698
User 2484360 Photo


Registered User
3,293 posts

Rick Williams wrote:
So if I understand right, you hide items to make a smaller screen look better, but what happens to them?


They are set to display:none is the CSS.

Are they just not available from a small screen?


They are not available for which ever breakpoint you hide them in. You can hide something in the main breakpoint and only show it on the last breakpoint. :P

Would you add links as a way to access those items?


With a little JS you could, but they are meant to be hidden unless used in some type of sorting.

But if I want to save bandwidth, is there a way to make them not appear so that they don't load either?


There is a way, and we are working this into RLM with Images, so that on the main breakpoint you load a 200kb image, then the next you can load a smaller image of the same image and so on...
User 2088758 Photo


Senior Advisor
2,718 posts

There is a way, and we are working this into RLM with Images, so that on the main breakpoint you load a 200kb image, then the next you can load a smaller image of the same image and so on...


That would be an awesome upgrade!
Taking over the world one website at a time!

Steve Kolish
www.misterwebguy.com

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


Administrator
3,816 posts

From Eric...I think it's better to make a clean and lean page altering how that content is displayed to the specific screen size and allow users to select the rest of the content they will need to see by making additional pages that are also clean and lean.

Content first and keep it simple :)
If your photos or videos aren't needed at mobile sizes, then it would seem they're just being used to take up space on larger screens anyway. But if the visual elements support/enhance the content, then they should be there for any screen size.
We shouldn't be thinking of our mobile layouts as secondary – a fall-back to get by with. They are the main or only access to the web for many users. And for those who do use multiple devices, it could be annoying not to find something while using your phone that you know you saw on your pc.:mad:

From an interesting article (with mobile and pc usage info):
Mobile devices these days have CPUs and GPUs almost at par with desktops. And modern WebKit-based mobile browsers are way better than IE8! So you don’t have to dumb it down for mobiles any more. The real limitations are screen space and download bandwidths.

While I’ve been saying “mobile” first, do note that the principles are not really limited to “mobile” devices. It’s all about better usability, better use of screen real estate and better use of page elements and code – things we should always keep at the forefront, but which often get buried under the bling.

http://www.sitepoint.com/making-case-mo … t-designs/

Will the new RLM feature be making use of <picture> and srcset? :D
I love deadlines. I like the whooshing sound they make as they fly by. (Douglas Adams)
https://www.callendales.com
User 2488786 Photo


Registered User
185 posts

Thank you all for some great replies, I feel that since more and more people don't even use their computers that the content should be the same.
Not all people are like me and have bad eyes. :)
Now to continue on with the site.
An expert at using the wrong tool the right way.
User 171749 Photo


Registered User
91 posts

Rick Williams wrote:

Not all people are like me and have bad eyes. :)


Yes, but as a generation ages, I think you’ll see some changes and people moving away from those small devices :)
User 122279 Photo


Senior Advisor
12,582 posts

You've got a point there, Mark. ;)
Ha en riktig god dag!
Inger, Norway
My new honey site, built with RFF: https://eikweb.com/horgenhonning/
Component sharing for RFF, RBB, RSD and SD: https://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.