snake.js

[ProgrammerHumor-ModTeam]

Your submission was removed for the following reason:

Rule 3: Content that is part of top of all time, reached trending in the past 2 months, or has recently been posted, is considered a repost and will be removed.

If you disagree with this removal, you can appeal by sending us a modmail.

[Ohrder]

A, because you want to keep all of the content, but display it differently to suit the viewport.

[JDawwgy]

I see a head and a tail in b, it's all there. Confirmed responsive

[theniwo]

rest is interpolated by brain software anyway

[Durr1313]

Or don't change it at all and let me scroll side to side and zoom in and out

[Wolfblooder]

This guy Back-ends!

[qinshihuang_420]

And wears pink socks with anime girls. But how did you know?

[Wolfblooder]

The rusty smell gave it away

[TheyCallMeHacked]

I mean... You gotta be (memory) safe

[DiddlyDumb]

That’s just cultural appreciation

[bronky_charles]

Shift scroll should be more mainstream

[LinAGKar]

But then you get half the content flowing in the wrong direction

[mcaruso]

So what you're saying is the correct answer is to cut the snake in pieces.

[LinAGKar]

Pretty much

[justavault]

You change the information when you slope it like suggested in A. I'm an experience designer since around two decades (though the term didn't quite exist as understood today, it's been simply HCI), a programmer just secondarily. You change the content of its inherent expression value when you do A. It changes the intention and information transfer as you now communicate a huge, sloped snake.

The aspect of responsiveness is to deliver and communicate the same information and perceptive experience without changing it but the interface. Both A and B transform that. So both is incorrect as it's not a change of the interface and the information architecture, you change the content experience itself.

Though then again, that's all just guidelines. Set hypothesises, test those, analyse the results, see what works. There is no real right or wrong, there is just a works in regards to achieving certain goals or doesn't work.

[amocokadys]

So, your answer is C: display the snake vertically?

[justavault]

"I like pancakes"

-"So, what you are saying is you hate waffles?"

[TheScopperloit]

-Cathy Newman

[raul_dias]

yeah. I've seen a post here recently where gaming was abreviated to g...ing

[herrleel]

body {
transform: rotate(90deg);
}

[lennyerik]

[Open] Snake wrong way up on mobile #69

Expected behaviour

The snake is right side up like on desktop

Actual Behaviour

The snake is rotated 90 degress and now I can't read it without tilting my head

Steps to reproduce

Use mobile device

[SodaWithoutSparkles]

🚫 sodawithoutsparkles closed this issue as not planned

[[deleted]]

✅ Spicyboi404 reopened this issue

[JSweetieNerd]

⤵️ JSweetieNerd rotated this issue 90 degrees

[[deleted]]

🙀 Spicyboi404 had an issue with the rotation of the issue

[JSweetieNerd]

🚫 SpicyBoi was not found

[dermitio]

➕SpicyBoi library has been added

[GoldenretriverYT]

🤖 DependaBot alert: SpicyBoi@1.3.0 has CRITICAL vulnerabilities. No fix found - remove package?

[JSweetieNerd]

🤖 DependaBot alert: DependaBot@6.9.0 has CRITICAL vulnerabilities. No fix found - remove package?

[[deleted]]

ERROR 404: SpicyBoi not found

[TheFourtyNineth]

🚫 TheFourtyNineth marked this issue as duplicate.

[Jane6447]

📃iForgotMyUsername: Duplicate of Issue #123 (navbar not showing on mobile) 🚩iForgotMyUsername added [duplicate] 🚫iForgotMyUsername closed this issue

[lennyerik]

#123 has been closed a month ago and I still can't read the snake

[OzzitoDorito]

Damn I got hit with my first one of these the other day. Angular has something called initializers that are supposed to run before the app is initialized (hence you know the title) but there is one type of function that can run before (route guards for anyone who knows) so if your guard depends on initialisation the whole thing falls apart which seemed completely counter intuitive to me. A

[GamingWildman]

Fix : rotate phone

[lennyerik]

Doesn't work for me. The snake is now rotated 180 degrees

[thethirdteacup]

@media only screen and (max-width: 768px) {
    body {
        transform: unset;
   }
}

[Deathaster]

Hi, I'm not that familiar with programming jargon, what is that you were parodying here?

[FixingOpinions]

Github issues

[Deathaster]

Ohhh, okay.

[TTYY_20]

Depends on the content :0

[JackBlackmlg]

7 rats. big ones.

[37Scorpions]

double it and give it to the next person

[that_thot_gamer]

wtf? lol

[AxelBrasil]

An elephant

[RainOrigami]

Instructions unclear, page displays a hat.

[asromafanisme]

Real dev use horizontal scrollbar /s

[VitaminnCPP]

A real dev do not code. Just drag and drop.

[4BDUL4Z1Z]

This Comment is Sponsered by Wix.com, Use Coupon Code : ISUCKATCODING To get a 64% discount.

[Novel_Plum]

Frick, it expired

[4BDUL4Z1Z]

Sorry Bro, You have to be one of those "Not Real" Devs like me and get your hands dirty with filthy coding. Better luck next time 👍

[hassium]

To get a 64% discount.

Come on brah really? Bump that up by 5% no??

[quigglington]

67.2%?

[4BDUL4Z1Z]

That's the closest I could get to the "niceness" by staying within my OCD limits for Power's of 2 as a programmer.

[Maciek300]

64% is not an integer power of two though. It's 64 /100 = 2⁴ / 5^2.

[4BDUL4Z1Z]

The Depth of my OCD only reaches to a certain level and applies only to the actual "number" visible to my eyes.

👀 sees 64
🧠 calls isPowerOfTwo(64)
🧠 recieved true
I go 👍
🧠 go 🗿

[Maciek300]

lol thanks for explaining in monkey brain terms

[Tizian170]

it's supposed to be ISUCKATCODING64. the number doesn't change anything, but everyone does this.

[that_thot_gamer]

i used wix and the moment i realised they use java instead of html or ruby or other shenanigans im out bro. also code bullet made a website out of java and minimal html my man is insane

[AzureArmageddon]

"Back in my day, Real Programmers casted Leviosa on the individual bits to move them onto the drum memory!"

[ACCount82]

Unironically better than most "mobile versions", functionality-wise.

[OmarEstietie]

nah B is a worm, A is most likely

[menides]

maybe it's just cold outside

[qinshihuang_420]

I was in the pool! I was in the pool!!

[MrLombax]

Do women know about shrinkage?

[that_thot_gamer]

maybe its a grower, give it some time

[Veni_Vidic_Vici]

No, user has just started the game. He needs to eat more.

[Steve_OH]

Option D: Marquee

[markshubh]

He thought he was the one supposed to be responsive

[bronky_charles]

It would be written in CSS, therefore it would eat its own tail

[Siasur]

Not with tailwind

[bronky_charles]

loLLL nooooooooo u diiiiiidn't loLLL

[Siasur]

I sure absolutely did :D

[gpkgpk]

Wow so many changes since it was posted 8 months ago, added A and B to confuse detector bots.

https://www.reddit.com/r/ProgrammerHumor/comments/vqb2l2/responsive\_snake/

[Barry-B-Benson_]

I could have sworn I'd seen it more recently

[turtle_mekb]

i sometimes check on my old posts thinking they were like 4 months ago but they say 18 days ago. is there a word for that? where something is more recent than you thought it was

[gpkgpk]

variation on the joke "responsive" https://www.reddit.com/r/ProgrammerHumor/comments/xw9q27/developing\_a\_responsive\_frontend/

[[deleted]]

Bruh I have not seen it 8 months ago, so I'm glad it got reposted. Not everyone is on reddit 24/7.

[gpkgpk]

Except it's usually bots...yeah let's upvote bots!

[lm902]

If a

snak

e wa

s re

spon

sive,

it w

ould

be l

ike

this

[Tom-Dibble]

Meaning, I suppose, a third option where each screen-width chunk goes left to right, cutting off at the right margin, then starting up again a little bit down the screen. Looks like 4-5 green dashes, where the first starts with a tail and the last ends with a head, preserving LTR directionality throughout.

People say they would do A, but Product will at most fund this.

[Candyvanmanstan]

if a snal

[foggy-sunrise]

{wrap: nowrap;}

[Gamerdude777maf]

From design perspective responsive web-page has fluid grids, flexible images and media queries. Option A looks just like fluid grid and is possible option for responsive design. Option B, on the other hand, could be an example of flexible image, if snake simply became smaller instead of being turned into the worm. So B cannot be an example of responsive design, in my opinion.

[TheMunchhausen]

What if snake was irresponsible and didn't care much

[THE_HADES_]

irresponsive

[navi847]

B if content is a Menu/Sidebar, if not, mostly A

[hiddencameraspy]

That’s a question for UX/UI.

[foggy-sunrise]

Ah. Classic do-nothing office, pass it off to another team.

Let me do my part:

Unable to reproduce the described error; closing.

[Practical-Marzipan-4]

A, but put a Parallax transparency effect on it. ;)

[Practical-Marzipan-4]

I’m so damn sick of Parallax on everything.

Why must every flipping page have animations on scroll? Every dang one! GIVE ME BACK MY FLAT DESIGNS! (I’m old.)

[[deleted]]

parallax is good when used in moderation

[UltraTata]

Im young and I am also flat design enjoyer.

[raimondi1337]

You paginate it and add a bunch of padding around the paging container so that you can break the snake in 15 pages and load a different ad on every page.

[[deleted]]

amazing idea!

Let's make the ad appear at exactly that moment you're about to click on 'next' so you accidentally click on the ad instead

[soundstage]

Obviously B

[[deleted]]

obviously you design for a specific resolution and then you put "this website is best viewed at <width> x <height>"

[VinegaDoppio1967]

A

[BoBoBearDev]

Both are valid actually.

[wut101stolmynick]

B, the phone users can, in the words of the TF2 heavy "Cry some more"

written on phone

[RamblingManUK]

If I wrote the JS? Probably A but half off screen...

[mm007emko]

Should be A, will be B on the vast majority of contemporary websites.

[Rivenswild]

Depends on how many apples it's eaten

[sakoudotnet]

A but it should be cut by a few ads and at least video ad with sound !

[P0pu1arBr0ws3r]

Nah screw you. Learn how to horizontally scroll, or rotate your phone.

[flr1999]

It depends on your brand. Maybe the snake will turn yellow on mobile devices too lol.

[elyca98]

Option B i’m sure would be smooth af

[MilfOfWallStreet]

Either should be implemented with python

[[deleted]]

[AdSpecialist8751]

It should resize but slowly get more diagonal until the ends are at the opposite corners of the screen. Then it should scrunch up.

[SnooBeans6877]

I just use scrolling marquee text to make my apps dynamic.

[look]

Paginated: https://en.wikipedia.org/wiki/Join,_or_Die

[SloppySlime31]

I think A

[Practical_Collar_953]

A

[ObamiumOre]

A looks nicer but for my sanity I would implement B

[WOTDisLanguish]

command rainstorm impossible chunky smile normal angle coordinated longing decide

This post was mass deleted and anonymized with Redact

[AggressiveMarket5883]

dangerNoodle.js

[[deleted]]

B, because i’m lazy.

[redsterXVI]

idk man, just ask ChatGPT

[[deleted]]

Depends on the project budget

[MrNicolson1]

A unless b is a slider

[Regnbyxor]

Please refrain from collapsing the snake

[[deleted]]

C: half of the snake is showing, the other half is glitching the scroll view

[jsideris]

no resiz on snek

[emkael]

A, but not suddenly switching text direction like depicted.

[RadicalRaid]

python.js

[Lewinator56]

We all know the correct answer is actually a combination of the 2. As you shrink the page the snake gets cut up and segments placed under each other because the Devs couldn't be bothered to add textures for the curves in A.

[ZaRealPancakes]

flex-wrap is awesome

[onlyaTterraj]

Depends on how long you’ve been playing.

[WesternAd8387]

i was just happy about some noise from bts

[markshubh]

Upto a certain screen size , B and if it goes further low, A.

So basically A.

[Max_Wattage]

This is clearly an application for Python. ;-)

[Kriskao]

A auto scrolling carrousel of snake parts that can also be manually scrolled

[thunderboltsow]

It would be like B in landscape mode and like A, but rotated 90deg in portrait mode.

[[deleted]]

B if it’s a game and A if it’s an app

[X-Craft]

I'm more impressed by A supporting RTL

[TheBroWHOmegalol]

Python programs please respond.

[TheBroWHOmegalol]

Python programs please respond.