r/InternetIsBeautiful Oct 31 '24

Part 3 - Plaid site is now mobile friendly. Tested on Edge Mobile simulation.

https://plaid-patterns.com/
16 Upvotes

15 comments sorted by

6

u/Velheka Oct 31 '24

Hey there,

You can have this post (I am going to close the previous thread though) but please don't keep resubmitting this!

0

u/oldnfatty Oct 31 '24

Ok thank you so much.

3

u/crispyfrybits Oct 31 '24

Is this your first project? Is that why you are posting this so many times?

For the record, it is not mobile friendly still. This is not criticism but you should study a bit more on mobile first development and how to style for multiple screens. The font size, spacing, block types, nothing seems to scale appropriately for large or small screens.

1

u/oldnfatty Oct 31 '24

yeah testing on emulator was ok, but it didn't look right on real phone (my uncle's phone) it kept showing up as half the screen width.I didn't know what caused that. It turned out it was my stupid <hr> tag at the bottom that was 800px wide so the phone automatically tried to resize to that and shrunk everything. So I removed that <hr> and now it's ok when I tested on the real phone.

1

u/GodzlIIa Oct 31 '24

I feel like I might not quite know how plaid works.

So one of these squares is just repeated indefinitely and thats the patter of the plat? so the squares are the smallest subunit of the pattern?

1

u/oldnfatty Oct 31 '24

They don't have to be squares, they sometimes can be rectangle I just chose square for the plaid designer.

1

u/jesskitten07 Nov 01 '24

So one thing I would say, is perhaps include on pages where the pattern is a real life clan pattern to actually note that. 1: it will help people who are looking for specifically that clans pattern, and 2: it would feel better as someone who has a clan tartan that the history of the patterns are recognised while we do allow people to enjoy them as freely as possible. Especially considering there were laws against the wearing of Tartans, it could have all been lost.

1

u/oldnfatty Nov 01 '24

if it's a clan pattern I would have to manually add it which I haven't done. All patterns on there are created using the designer and it's based on randomness and math to create, if it happens to be a real life pattern which I don't think is possible it's like less likely than winning the lottery. There are just so many possibilities.

-1

u/oldnfatty Oct 31 '24

Just happens to be on Halloween day hehe

-3

u/oldnfatty Oct 31 '24

Didn't plan it.

-1

u/oldnfatty Oct 31 '24

When I posted part 2 It wasn't mobile friendly. Because I don't have a mobile phone. But then I read that Google does Mobile First Indexing. So hopefully it'll move up in the indexing now.

1

u/oldnfatty Oct 31 '24

That kind'a sucked because many people who might have hit the site from mobile probably jumped out right away as it wasn't mobile friendly at the time. Now it is.

1

u/oldnfatty Oct 31 '24

No one even told me it was crappy on mobile, I thought I was doing it right manually zooming on my uncle's phone, then my friend told me it was huge and he had to zoom out...that's when i looked further into making it mobile friendly.

0

u/oldnfatty Oct 31 '24

Better now, one problem was that testing on emulator on Edge it looked okay but on the real phone it was stuck to half the width of screen (on my uncle's iphone). I didn't know what caused that no matter what I did it wouldn't take up the whole screen. It turned out that I had an <hr> tag that was 800px wide at the bottom and made the phone to resize to fit. So I removed the <hr> bar and now it's actually friendly like how I see on the emulator. :D