I have a few questions regarding loading different content depending on the screen size and or device...
a site I'm working on has one column with 5 entries, when the screen size gets reduced a bit I want to change that to 2 columns with 6 entries so I don't have an empty space in the last row. Now I can always easily just load 6 entries and hide the last one with css on widescreen but I would rather try to do it beforehand
I've downloaded the ress plugin to have some type of variable I can use but it seems kinda silly to me to wrap 2 channel entries tags inside if statements when the only difference between them is the limit="5" and limit="6" parameter.
I'm also in the EU so I'm a bit worried about having to use a cookie for this, and also it's a pain to test this because I have to delete it every time to check how the site looks on a different screen size
I have a similar issue with loading images, I'm using the foundation framework and while it does have a nice solution with data-attributes to load different images for different sizes I am wondering if it's a better idea to use something like ress and just place all my images inside if statements. Not sure which is better performance wise?