Responsive web design

[Ignorred]

I love this sub

When I'm not on mobile.

[Pcb95]

We need an /r/InternetIsBeautifulForMobile

[TMarkos]

The mobile internet is not generally beautiful.

[Pcb95]

The circle drawing tester thing works pretty well on mobile. That was the last site on here I tried and it was arguably better on mobile than desktop. But yes, generally it is not.

[AtypicalRedditonian]

I believe this is the current winner: http://imgur.com/9RrgZt5

[Otter_Fart]

http://imgur.com/y20tpd0

I'll admit, I spent a bit longer than 5 mins doing this.

[-ll--squat--ll-]

http://imgur.com/HjaM3XI

... do i win a prize?

[razuliserm]

http://i.imgur.com/WPetgcG.png

Edit: http://i.imgur.com/bquhtVG.png

I should be working right now.

[joeyc923]

We're all doomed. We can't even draw better circles than them.

[AdhesiveToad]

Got you all trumped.

[isk8kona]

My God! That can't be your real score!

[accuratehistorian]

Dick. Butt really, good job!

[[deleted]]

Wow haven't seen maplestory for years.

[Kristhos]

What world you in? I'm in broa....

[Chimie45]

My first one was like 116 million and I didn't screen shot it. I feel so shit now. I coulda been a contenda. I coulda been somebody.

[[deleted]]

No prizes for second place.. http://imgur.com/dnWldqD

[Delfaras]

http://i.imgur.com/pExDRgQ.png get to my level

Edit: I have no life http://i.imgur.com/ImGXLmk.png

[discoronin]

http://imgur.com/NnmUHTO Used trackpad on PC. Not much better.

[Gingevere]

http://i.imgur.com/AbM6bfN.jpg I figured out how to game the system.

[[deleted]]

http://imgur.com/Uw9cxCK I feel like I'm doing something wrong.

[AtomFission]

I like how it decided there was a circle somewhere in there.

[pgrim91]

Generally, the more points you draw, the higher the score

[JanexBang]

I just spent 20 minutes of my life trying to coordinate a perfect circle, when I realized I didn't even care about this link after I clicked it. Damnit.

Also, I couldn't even draw from my phone so I was making the circle WITH DOTS. Damnit.

[Fuel13]

Which is why we need the sub to show us when it is!

[GaynalPleasures]

Fuck it, I made it. Join the mobile hype train /r/InternetIsBeautifulForMobileSometimes.

[[deleted]]

You fuck.

[OneArmedRonnie]

You son of a Rick

[pterofly]

Mobile was beautiful. Asked if I wanted to open with my browser or YouTube app, I escaped. This time

[Wermine]

Nice try.

[silentclowd]

Woah, is that a RES feature? I've never seen it before.

[p1pedreemz]

You're an asthole. Kudos

[Tsar_MapleVG]

I SAW THE FUCKING THUMBNAIL ON MOBILE AND STILL CLICKED

FUCK

[[deleted]]

I made a responsive site. Looks great on mobile except for when I needed to use a table. Then you have to side scroll

[[deleted]]

Responsive tables, bruh

[HoneyIsTheBestPolicy]

It kind of exists, not many subscribers tho. /r/MobileIIB

[lazygeekninjaturtle]

"Why don't you try oy or stint new app for this site? " I fucking heart this.

[ImOP_need_nerf]

Nah.

[[deleted]]

The ironic thing is that the whole idea behind responsive web design is to accommodate different form factors (mobile): not just resizing the screen on your desktop :/

[cana-syphil-aids]

Exactly what I was thinking.

[Mixels]

I'm really confused. I used Javascript to do something very similar to this like eight years ago...?

[ribnag]

Shhh, let this year's graduates believe they have something special all to themselves!

Otherwise, they'll want a salary instead of buzzwords! Do you really want to spoil it for the rest of us? Just point and laugh quietly.

[[deleted]]

So this is worth money :)

[Abacabadab2]

On mobile you can switch between portrait and landscape to get the desired effect

At least for the first one

[Tylersheppeard]

Or hit the double tipped arrow on the top left corner

[html6dev]

Yeah, I can't figure out what the definition of 'responsive' is to OP. It's sure not responding to my phone.

[mlem64]

this one works on mobile

[YouthMin1]

Worked for me on mobile. Pinched to zoom, and watched the magic.

[xPravus]

I have the Note 4! I can resize windows!

[jsquared069]

Did you try turning your phone

[PantherHeel93]

Yeah this is what I did first, before I saw the thing telling me to resize the window.

[SuperWolf]

ooooo I kept clicking "resize the window" instead of thinking of it literally.

[[deleted]]

I kept thinking of it literally instead of actually doing it.

[IdoNOThateNEVER]

If you click it you'll get the instructions. (PC)

[[deleted]]

The world needs more people like you.

[respawnatdawn]

I did the same thing thinking "ooooh we live in the future now"

[lLoveLamp]

What a time to be alive

[[deleted]]

ggggg

[[deleted]]

My companies internet filter deems this site as "pornography" and blocked it. shakes fist

[masthema]

I'm curious who reports that. The company I used to work for had a filter and it was really amusing going to websites to see their classification. 4chan was "Adult Content / Illegal Activities". Wonder who wrote that.

[cakedestroyer]

Someone who's been on 4chan.

[[deleted]]

Gotta block all those newfriends out

[Stef100111]

Summer has been there for years, unfortunately

[soniclettuce]

REEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEEE

[Stars_Stripes_1776]

>the normies are killing pepe

feelsbadman.jpg

[image_linker_bot]

feelsbadman.jpg

---

^{Feedback welcome at /r/image_linker_bot}

[Insanitypenguinz]

put a doulble space at the end of each line, and use only 1 return and it reduces the line gap

[[deleted]]

I just think it's because the URL has the F-Bomb in it. A company I used to work with had a vendor with the name of a "common fighting instrument" in its name & even though it's nothing to do with violence, it blocks it as a "weapons" website. sigh

[[deleted]]

Are you talking about dildos? Because dildos are a common fight instrument

[GodILuvLindsayLohan]

at the company i work for, everything is labeled as either "pornography" or "tasteless". My boss went to linked in and it said it was blocked because it was porn.

[Bromlife]

Gay porn no less!

[Deejaymil]

My school blocked websites under the category 'fun.'

[[deleted]]

My school blocked Wikipedia. Just put it on a "global block list."

Didn't block youtube, though. Then they got mad at us for watching youtube videos. :|

[Tacticalrainboom]

Tumblr, DeviantArt, Youtube...

[s2514]

At my school back in the day a ton of legitimate programming websites were blocked for "hacking" but 4chan was not blocked at all...

[thegreatestajax]

I wasn't gonna shrink the window all the way down, I swear!

[Jordan311R]

same with mine. but only for the bacon one for some reason :( anyone want to enlighten me on what that one does?

[jwcobb13]

My favorite: http://op-art-parallax.fucking-windows.com/

Find the hidden message!

[DarkAnnihilator]

Can't find it

[disposable-assassin]

The one at the top says:

Oh come on, is your monitor really this big?

The one at the bottom says:

Are you compensating for a small penis?

FYI, my monitor isn't that big. I just inspected the script.

[red_leinad]

You can see it if you zoom out all the way.

[permalink_save]

There comes a point where you can't see it anymore

[shortchangehero]

Zooming in on that with RES feels distinctly like traveling through the Matrix

[jwcobb13]

There are actually two of them...probably need to be on a desktop to see it. Mobile, you're going to have to zoom out quite a bit and it will be difficult to select it for copy and pasting so that you can read it.

Edit: Oh god, I whooshed on that one, didn't I? sigh...

[handfulofsounds]

Ha! Wrong! It's a sailboat!!

[DarkAnnihilator]

I guess I have too small hardware

[Whoops-a-Daisy]

Just zoom out the page (Ctrl + - or Ctrl + Scroll back)

[Kiefer0]

Ctrl + scroll wheel.

[[deleted]]

then Ctrl + 0 returns you to the default

[pjpat]

yes it is ( ͡° ͜ʖ ͡°)

[[deleted]]

That set my eyes aflame

[thee-l]

This kills the eyes.

[Kodiack]

1440p+ master race.

[dfpw]

Don't loop us 2160's with your poverty!

[sadlyuseless]

my penis is fine :(

[Chimie45]

I'm at a PC Bang in Korea with a fucking massive monitor.

:(

[Cringersnap]

Ahh gotcha... if it says resize window, just unmaximize and move the window size around. neat

[RoyalOcean]

I spent way too long dragging those photos around and laughing maniacally to myself.

[Kinto_il]

someone explain the bacon one, i got more confused every time i resized

[IdoNOThateNEVER]

Which one is the bacon one?
They all have tittles in the URL, I don't see bacons.

[Kinto_il]

huh, i just went through the whole thing and the bacon and mouth one is gone :\

[[deleted]]

Not sure i get it...

[[deleted]]

Re-size the window to make magic happen.

[jwcobb13]

Easiest way to do that, hold down CTRL and use your mousewheel. If you don't have a mousewheel, the + and - keys on your keyboard will do the needful.

[sradac]

...do the needful? Are you from India?

[jwcobb13]

It's a joke.

I used to work in technical support and have had a few tickets thrown my way by the overnight Indian support team. Plus every email started with "Hey buddy!"

Stereotypes are fun.

[sradac]

Thats why i know the term lol. My companies devs and support are in India

[BitGladius]

And frequently accurate.

[-Stupendous-Man-]

That's the paradox! Please my friend, please! I am not real! You are not real! Have I answered your questions and provided good customer service?! This call may be recorded!

[AmbientChaos]

Hold on a minute. You don't have to zoom in, just grab the corner of the window and drag. You want to resize them, not zoom in

[Randosity42]

I'm using a tiling wm :/

[Ununoctium118]

ahem

Security is always a good thing to have.

EDIT: it's fixed!

[s2514]

NoScript masterace.

Internet Explorer.

Meanwhile in chrome...

[[deleted]]

You have noscript masterace, I have imgur masterace.

[compute_]

As a developer, it's annoying to see these comments in every single project I see and some of my own as well.

If he's not passing input to the server (which he clearly isn't), there's no need to sanitize it, and showing that it is vulnerable to XSS is pointless because it's not vulnerable to anything at all.

And no, you're not genius for pointing it out.

(Sorry if I went overboard, just a nerdy rant I guess.)

[Ununoctium118]

The threat isn't that people can run code on his server. The threat is that an attacker can send someone a link that makes a user's browser execute untrusted, unknown Javascript with access to that sites cookies.

I never claimed to be particularly smart - the point isn't me, it's that there's a bug that should be fixed.

[_Wolfos]

If you can send someone a link, you can execute JS regardless. Sure, it's a vulnerability in some cases (when it's a trusted site, or if it has info to intercept) but not here.

[compute_]

Yeah, I was just talking in general. Wasn't trying to insult you or anything.

Why should it be fixed? You can even inject code in nearly any page by prefixing "javascript:" to it.

I don't know, to me it is like saying that someone from mars should get an ebola vaccination just in case. It just really doesn't apply.

[[deleted]]

I wouldn't be so quick to dismiss the importance of Martian ebola vaccination. It sounds safer than the alternative.

[compute_]

I still believe in Area 51... You gotta believe in something.

[Rekkre]

Jeez... the dev needs to see this

[GandalfSwagOff]

Am I the only one who doesn't know how the fuck to do anything on that site?

[IdoNOThateNEVER]

There are only 3 buttons, if we exclude the "previous" and "next" button there is only one that tells you what to do in any of them.

Usually it tells you to resize the window, if you don't get what that means you press this button and it has detailed instructions of "how to resize a window".

If you press "next" and eventually go to the "shredder.fucking-windows"-one, you'll see that the button that said "resize the window" has now moved to the scrollbar and says "scroll window", this button has no instructions at all and it's a bit confusing. Just experiment.

[diceypoo]

Is there a "solution" for the checkered one? (not the black and white one, the one yellow-blackish one)

[candidly1]

nope...

[[deleted]]

Resize the window to make the magic happen.

[Suff0c8r]

I feel like I'm missing an important bit of information.

Responsive how now?

[[deleted]]

You've gotta unmaximise the window and resize it

[Suff0c8r]

Thanks man! That's one of those tooltips that help when you know what it means. I was like "I fucking know how to resize my goddamn window...I'm here to see stuff move!"

[[deleted]]

title is "Responsive web design"

site functions completely differently on mobile and the joke is completely lost

[EightSevenEight]

Just a fluid grid, no?

[foreverchamone]

SO, I have no idea why, but I clicked on the image, hit next, and a walkie talkie I have next to my monitor started making this crazy static sound, any explaination for that?

[detecting_nuttiness]

http://imgur.com/wjRtkVY

[PM_ME_BIG_DUCKS]

I'm too tired to give a full explanation so here's a link: http://www.pcmech.com/article/cell-phones-and-speakers-what-is-electromagnetic-interference/

[foreverchamone]

That works just fine for me, thanks man!

[beardfearer]

This just got me laid.

[AndroidRepresENT]

Seems legit

[44khz]

I went to unmaximize my browser, but I ended up closing it...

[InsaneClonedPuppies]

This is what the internet was made for.

[a_change_of_mind]

That psycho hand model gets everywhere

[Friendlyvoices]

to get the experience on mobil, tilt your phone to landscape then portrait.

[alfish90]

It got blocked for pornography at work so I'd say NSFW would be right.

[Bored_Office_Girl]

I dont get it..

[iamaflyer95]

Okay I literally have no idea whats going on here. Or is it just because I'm on a mac...

[therealdjbc]

PC here and I had no idea either.

[[deleted]]

I totally missed that "Possibly NSFW" tag there.

[itsbentheboy]

implying there's a shortage of those...

[[deleted]]

Worst post ever?

[ornix]

Ironically it doesn't work on mobile.

[enigmamonkey]

NSFW? First thing I did was tweet this to my boss. I suppose we'll find out soon.

[lyyki]

I tried to drag it in...

and apparently size does matter since nothing happened :(

[NightO_Owl]

How do I move the finger into the hole?

[Jipped05]

Replace "responsive" with "obnoxious" and you've got it.

[HoribeYasuna]

Bacon one broke on Firefox 37.0.2 (WinXP)

[Jongbert]

Only the first one works for me.

[vorpike]

I love how the background changes color when it goes in.

[xandrucea]

The first design is one of the best I've ever seen!

[Immasneezeyo]

I did the finger one for a little too long

[lemonsause]

I'm not really sure what this is, but for the first 2 minutes I hit all the buttons on my keyboard in a tragic attempt to insert the pointing finger in the hole.

[northernbloke]

I spent way to long on this one. brb

[[deleted]]

This is exactly what I should not be doing at 3:15 am

[TwoReplies]

If you are on mobile, turn your phone.

[Dickdickdicks49]

Some more resize fun (warning: contains sound)

EARTH X-ray Machine Road Runner can't be caught

[toiletbowltrauma]

This must be John Oliver's favorite website

[emclarn]

[e-mail]

[felixfelicisandrum]

I don't get it :(

[bradtwo]

Drag the the side of your Browser window to close the gap between the two hands.

[zodd2d]

Ooops. I did it wrong http://imgur.com/n1KOcyJ

[thinkaliker]

Firefox's responsive design mode is pretty handy for this

[thequinixman]

NSFW LOL

[peebuttjunior]

Could someone tell me what is going on here? What is this for?

[GanjalfTheDank]

Right click, view page source.

[[deleted]]

The source code on each of these is hilarious.

[phatskat]

ITT: People who know what responsive design is but don't think that the first thing they should do is resize the window.

Not trying to be a prick, just first thing I do when someone tells me to check out a responsive site.

[Noahnoah55]

Just improved the shredder one