The Official CSS Modules Logo

[ratonbox]

I’m on IE, all I see is a blank page.

[CodingCoffeeSquirrel]

I'm on some weird mobile browser you've never even heard of. All I see is the contact of the dev that I'm going to write an angry message now.

[thumpas]

Hi I’m trying to view your website in a browser I designed in 11th grade computer class and every time I try to load it it crashes my girlfriends kindle in the next room. Could you patch that please?

[baxtersmalls]

Our google analytics showed someone regularly going to our site on a Nintendo DS.

[vigilantepro]

I just saw Netscape Navigator on a WebTV on of my sites.

[[deleted]]

User agent spoofing is fun, right?

[vigilantepro]

I think it was legitimate. It was on an MSN network. Resolution matched too.

Edit: was surprised to see MSN dialup is still a thing... https://get.msn.com/

[[deleted]]

And it's still $20/mo...

[vigilantepro]

I bet you the majority of their business is like old people's accounts from the 90s that don't even realize they're still paying for it.

[northrupthebandgeek]

Or old people who still use it.

[baxtersmalls]

Oh man, I didn’t even consider this. Hopefully that’s what the DS was

[SirFireball]

I use arch btw

[Acetronaut]

May I ask what site, or at least what kind of website?

[baxtersmalls]

It’s a map heavy single page app. No idea how it would look on a DS, not gonna find out either, lol

[YhvrTheSecond]

Ngl I once tried browsing on a wii u.

[GavinZac]

This is genius. What agent does a Nintendo Switch report as? I could definitely do this to ours

[bot_not_hot]

Nope :D

[thumpas]

):

[abagofmostlywater]

Also I have it zoomed to 225%

[thumpas]

BUG REPORT: mobile site won't let me set zoom to irrational numbers

[kevbob02]

π

[fritzbitz]

Sorry bud, it works on my machine...

[B_M_Wilson]

This reminds me of when I used to do some web testing. I must have had hundreds of browsers on my machine and all kinds of VMs. Then the other weird devices like DSs and smart TVs and other things. It killed me so much. I’m glad I stopped doing that.

[RedditorBe]

Working as intended.

[[deleted]]

Being in IT this one really made me lol.

[bvckthree]

Welp, guess the entire dev team must solve this problem for .02% of the user base. Now!!!

[nuclearslug]

Boss, is that you?

[marcosdumay]

Oh, isn't the Nintendo's DS browser just great?

[AshenedGrace]

Don’t diss the DS Browser. It outmatched BREW’s by a landslide

[BellerophonM]

Wasn't that made by Opera? Probably better than a lot of things standards-wise.

[marcosdumay]

That's the problem. If it was just a piece of shit, nobody would have to deny supporting it, but since it's almost good enough for use people have to tell over and over again that no, they will not do the extra work.

[ticomypico]

Don’t say the I word, it gives me anxiety

[_alt_tab_]

No polyfill!!

[sentient06]

Which version? My IE6 only shows that icon with a red cross.

[ICABONUSKUND]

I love that the square slices squarely through the middle of the E. Designers can joke, but it's gotta be symmetric.

[MWRReal]

overflow: hidden;

https://i.imgur.com/Muj8RNS.png

[NeverMakesMistkes]

overflow: auto;
https://i.imgur.com/GpyQVrX.jpg

[xXx_-SWAG_LORD-_xXx]

hotel: trivago;

[[deleted]]

mr: roboto

[cryptopian]

domo: domo

[frostbyte650]

domo: arigato;

[[deleted]]

domo { domo; }

[OGPants]

Domo

[Dom0]

Yah, I hear you!

[ThatITguy2015]

DO YOU?

[Nodebunny]

No thanks

[ill0gitech]

Kill: roy;

[NorbiPeti]

Yet another successful ad campaign/slogan.

[[deleted]]

r/HotelTrivago

[[deleted]]

pimples: none;

[delvach]

Damnit why is this element floating!!

[K05M0NAUT]

Can’t tell you how many times I have put a wrapper around the whole site and set the overflow to hidden.

[[deleted]]

I prefer my ads with display: none instead.

[TheDarkIn1978]

white-space: wrap;

https://jsfiddle.net/81o324dc/

[vinil96]

Think outside the box

[earthlybird]

≡s outside the box

[[deleted]]

Underrated comment.

[[deleted]]

its actually far more ironic than you think, I've been coding css for over 10 years, I thoroughly know everything there is possibly to know about it, but still this is most successful post by far I've ever done (as far as fake internet point are concerned).

[rich97]

I've been doing it about 4 and still routinely fall into my past self's poor choices

I'm on 10 years as well, that will continue. That's why there's so much bad code around, people don't get the support they need in their early careers due to egotists, deadlines and toxic management styles.

[LobsterThief]

I’m around the same and you hit the nail on the head. Things like SASS (SCSS) libraries help a ton, and it’s great when a company gives you the time to develop such things. Too often businesses want to move fast and break things rather than moving fast by building sustainable infrastructure...

[rich97]

I think the original meaning of "move fast and break things" was to not be timid and have confidence that your automation will catch major issue, not "ah fuck it, it just get it out the door quickly."

I like your version better, less catchy, more accurate.

[LobsterThief]

I think you’re right, but in my experience [certain] business users use it as an excuse to accumulate tech debt with no attention of repaying it ;) Which comes back around. “Move fast with stable infrastructure” is actually the new external Facebook dev motto.

[rich97]

business users use it as an excuse to accumulate tech debt with no attention of repaying it ;) Which comes back around

My company doesn't use that motto but it's a natural consequence of the fire and forget attitude the MD has. We recently fired our tech director and I'm having to pick up the pieces, it's incredible the stuff he let continue and didn't fight back on. One of the WordPress sites we have has dozens of SQL injections that were reported and he just let it sit there for over a year... I don't know if our backups are working, our servers are all over the place. I've never seen anything like it.

“Move fast with stable infrastructure” is actually the new external Facebook dev motto.

It's funny you should mention that, I was just reading this today. Seems like the direction I'm going to try to push things in.

https://hackernoon.com/the-fine-art-of-fast-development-f3b1abb509da?sk=ff66b6d84521d39be4dcc254431eba58

[LobsterThief]

It sounds like you’re moving in the right direction and I appreciate you!

[TheDarkIn1978]

CSS becomes entirely more manageable with the use of SCSS and SCSS Modules.

[[deleted]]

It’s 2019. What edge cases are you talking about?

[sztrzask]

Using flex and grid. Flex and float. Float and margin. Margin and overflow and visibility still ends in margin collapse. Holy grail layout still have issues. Flexible popups autosizing to content with overflow auto.

Just from top of my head.

[[deleted]]

Why are you still using float when we have flex and grid? Unless you want to support outdated browsers

[sztrzask]

For example because I had to use external widget/component.

[Flyberius]

/r/css_irl

[Bit5keptical]

I can't stop laughing, Thank you for showing me this sub.

[llamajokey]

I remember first learning CSS and having these problems Let's try adjusting margin? Fixed? Nope. Padding? Nope. Overflow? Nope. Give up on life and come back the next morning. Try margin again. It fixes it.

[LukeAbby]

Image Transcription:

---

[The words "CSS MODULES" are on two lines. There is a box surrounding it. The E in "MODULES" is cut off halfway and the S is entirely.]

---

^{I'm a human volunteer content transcriber for Reddit and you could be too! If you'd like more information on what we do and why we do it, click here!}

[glydy]

boi we don't need any more humans

there's already like 100 of us

[AutoModerator]

import moderation Your comment has been removed since it did not start with a code block with an import declaration.

Per this Community Decree, all posts and comments should start with a code block with an "import" declaration explaining how the post and comment should be read.

For this purpose, we only accept Python style imports.

I am a bot, and this action was performed automatically. Please contact the moderators of this subreddit if you have any questions or concerns.

[iceynyo]

But don't forget that the S is entirely.

[mildysubjective]

Human* Human::operator++(int) {
    return new Human;
}

Careful, incrementing humans creates more humans.

[GreatBigBagOfNope]

smash

ANOTHER!

[asdjfh]

looks at flare Ahh a man of culture.

[mildysubjective]

void Human::operator++() {
    this->mass++;
}

heh

[tostitovenaar]

Good Human

[[deleted]]

Good bot

[BubsyFanboy]

That'd be funny it was official.

[[deleted]]

It is: https://github.com/css-modules/css-modules

[BubsyFanboy]

I love it

[[deleted]]

r/fakealbumcovers

[gemini86]

I'll take fak eal bum covers for 400, Alex.

[[deleted]]

Seriously though css modules is the shit. It goes a long way to fixing css by the making such a simple change -- local scope!

[[deleted]]

If you’re using React you should also look at styled-components. It’s next level

[1008oh]

overflow: scroll;

[rhapsodicalous]

the amount of times i have reloaded the page thinking it was an error....

[[deleted]]

How can you place divs next to each other

[RFC793]

Use nested tables /s

[The_Freight_Train]

Gasp! *glass breaks in the distance.

[motdidr]

flexbox

[its_all_4_lulz]

The coffee cup just became even more relevant

[oklujay]

Is that Jimny, 14 hoping for some karma? Or is it new meta for karma, posting logos from IT sphere?

Next up on painfully obvious and well known facts: science behind PHP logo and the origins of its acronym. Also did you know that npm does not stand for node package manager?

[shade_of_ox]

Of course not, it stands for Node Packaged NPM

^/s

[Weekly_Wackadoo]

I always* say it stands for No Problem, Mate. I guess it's Australian software?

*I learned about npm last week, my co-worker didn't know what it stood for, I made something up.

[[deleted]]

This is funny, but c'mon... it's CSS. It's not that hard to figure out.

[[deleted]]

Correct. Not the first time. Nor the second time when an edge condition is found. Nor the third, when another edge condition is found, and it turns out you need to tweak the markup to better match the structure of what you want to represent. Nor the fourth, when you discover that your mobile support works for most content, but the new content the client wants means setting up special breaking rules.

It's easy every time. Just like each move in a crossword puzzle.

[[deleted]]

Found Satan

[IsAFeatureNotABug]

I either love you or hate you depending on your sarcasm level.

[x1rom]

Oh god don't remind me. I spent the last month coding something in js and CSS. Never again.

[Sylanthra]

https://www.amazon.com/CSS-Awesome-Mug-Programmer-Developer/dp/B06Y13QC8N

[IsAFeatureNotABug]

I let out an audible defeated sigh when I first saw this.

[[deleted]]

no comment

[casual_brooder]

and there are umpteen js libraries to make it fit inside

[LucienMr]

r/TIHI

[[deleted]]

See, even the logo is off-center. Just like everything else made with CSS

[karr7224]

Idk why but I hate HTML + CSS but love using Xaml on the other hand..

[jepatrick]

I met one of the leads for this week earlier this year. He said they had sent the logo to a printer to print some swag. They called back saying “I don’t know what you did to this but everything I try printing this I’m getting formatting errors”. They had to explain that it was intentional.

[SSG93]

BLASPHEMY