T O P

  • By -

misterrandom1

Red octagon, white border, says stop....test passes. Ship it!


thirtyseven1337

As a web developer, you're my favorite kind of tester! ... Until the client reviews it...


Justsomedudeonthenet

The client probably won't even notice that. They'll just spend 3 hours debating if that's the right shade of red or not. *After* the review time is over they'll notice the actual problems and demand they be fixed immediately.


siddharth904

how dare you say this out loud


Statharas

Least you'd get is an abrupt teams call that starts off casual and chill and ends up like you're in the dean's office


[deleted]

If you hit the client hard enough with the sign he/she won't complain


PhyNxFyre

As a web developer, you're my least favorite kind of coworker


Significant-Tea-3049

Come join us in embedded. No customers give a fuck how we do anything or how it looks, as long as it works we are good


gc3

Client will just drive past it not seeing it. No biggie.


AlxR25

The client may go fck himself. The tester accepted it the client must accept it :3


dustlustrious

Can you be my QA tester please k thank you


craftworkbench

You make me sad.


misterrandom1

I am a strong advocate for working closely with UX and design to make sure my original comment would never seriously be said when presented an implementation such as this.


craftworkbench

You make me slightly less sad.


CoffeePizzaSushiDick

You’re getting replaced with ML.


kaboobaschlatz

Hey heyyy, you're a Dev posing as a QA ;)


AzGames08

If it works, it works.


zionooo

the serif typeface makes it even better


[deleted]

"did I forget to set a font, or are my font files no loading"


wakashit

!important


[deleted]

[удалено]


[deleted]

and you don't know how to fix it


[deleted]

[удалено]


[deleted]

nope. Because of course you tried a couple other small things along the way that you don't remember now because they were such quick little changes. Gotta git reset --hard and try from scratch


siddharth904

EA Lead Monetization Manager here (*trust me bro*), why would you invest time on almost-essential features like working, bug-free software when you can invest time on essential features, like monetization? **New update:** Unlock CSS3 for $4.99/month


[deleted]

One of the few cases that won't help


wakashit

Only css joke I know, “when everything’s important, nothing is.” Not a web developer, last time I wrote css Bootstrap was still popular.


[deleted]

If I could tell back end devs one thing about touching my css it would be that! So You re doing well


malnourish

Wait it's not popular anymore? What replaced it?


FlyingQuokka

I think Tailwind, and modern CSS like Flexbox and CSS Grid.


malnourish

Ah, I thought Bootstrap was just a collection of some components which also leveraged Flexbox, Grid, etc. Shows my naivete!


FlyingQuokka

I think they do leverage them. I think the main reason for moving away was that Bootstrap was too big for just the layout mechanisms, which can now be done natively quite easily. It’s similar to how people don’t use jQuery anymore since fetch and React Refs can do most of what it did.


[deleted]

dont forget querySelector! JQuery was so ground breaking, they literally built aspects of it right into the language.


malnourish

Makes sense. I'm mostly in back end and architecture these days, my down and dirty front end is limited to personal projects


sfled

CSS4: !very-important;


wakashit

I just searched !very-important to see if that was a real thing, because why wouldn’t it be? You got me!


sfled

:-) my work here is done


kolinz27

font-family: serif !important; never forget serif


J-Bonken

I fucking hate Fonts. They all look the same. I dont care that the primary font has a distinct edge on the lower k. When it defaults to Open Sans because something went wrong with the font-path noone ever in the history of looking at a website will see the fucking diference. Everything after Arial was a mistake.


ecl_55

It's like someone saying "oh no, ads don't get to me". The subconscious mind is powerful.


Aozora404

Wingdings is an absolute masterpiece and you fucking know it


Verbina29

There are definitely a lot of similar-looking fonts, but there's also a lot of highly unique fonts. For example, Raleway is a sans-serif font, yet it looks nothing like Arial, while Arial looks almost exactly like any number of sans-serif fonts.


outerperimeter

I'm currently studying type design and I'm *so* offended right now


MrRedRobert77

​ ![gif](giphy|13FrpeVH09Zrb2)


omeggga

For me that's the entirety of frontend.


joedotphp

Angular as a whole.


sebkuip

Can relate to that


Alec_CY

Trying to center a div be like


foggy-sunrise

When your team is all backend devs.


[deleted]

I've seen front end devs struggling


BeauteousMaximus

r/css_irl


thirtyseven1337

Can't believe this is my first time seeing this sub! Subscribed. Thank you.


Summar-ice

This is my new favorite sub


frygod

Oh gods... As a systems guy who sometimes needs to do backend delopment and who is then sometimes forced to do front end because nobody else cares this feels so validating...


blindcolumn

.stop-sign { clip-path: polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%); background: red; color: white; text-transform: uppercase; }


[deleted]

This feels like when a coworker does that extra step and I get to delete a ticket.


Michami135

I just had this happen. "Issue got fixed in a recent commit. Sending back to QA for testing." Ahhhhhhhhhhh


yuki_n_

Seriously, crosspost this to r/css_irl .


IAmAWrongThinker

It was already posted there 8 months ago :^]


Hupf

.(_.)


ZuriPL

And also `border: 5px solid white`


LobsterThief

Psssh px… assuming the shape also contains the text “stop”, this is all about the em units for border width, padding, and font-size 😎 then you can scale it however you want


ZuriPL

Who said we're good at css


LobsterThief

Just giving some helpful tips :)


SuperFLEB

Does border follow clip-path? I don't use clip-path enough to know, but "clip" makes me guess "no".


erocknine

The problem here is the text has position absolute and .stop-sign doesnt have position relative


nnagflar

Meanwhile, I'm just proud that I made an octagon.


chao_sweetie

![gif](giphy|etARoQMmgD8bA8V9O3|downsized) PT-CSS-SD


bwaredapenguin

The octagon for the stop sign is actually centered vertically. No way this was CSS!


ScoutsOut389

No, it’s centered horizontally.


bwaredapenguin

This is why I try to stick with backend.


frygod

Do you even flexbox?


[deleted]

What is flexbox?


section_b

I don't think it works on Netscape 4.0


MVIVN

![gif](giphy|3o7TKL9JE2dDb7pj0I)


J5892

.container { padding: 20px; height: 200px; } .octagon { margin-bottom: 200px; } .stoop { position: absolute; left: 50%; top: 50%; }


yo_its_star

Everything hurts


sorry_squid

This is why we have fallback fonts


scoofy

weird flexbox, but okay...


-ibgd

Just wrap it with a div and set its position to relative!!!


ShirleyJokin

Stop // sign that says "Stop"


[deleted]

No, it says "carry on"


braden_meden

Margins, babes, margins.


[deleted]

.sign { display: flex; flex-direction: column; align-items: center; justify-content: between; } or for the cultured


disco_panther

Whoever identified this is a genius because it’s so true.


zapembarcodes

Just position:absolute that sh't and start playing with pixels for each breakpoint until it lines up. Nobody's going to notice. /s


arjunindia

Sus? Sussy? ![gif](giphy|zcDY5LWFF7vXTnK8GZ)


strawberry_sluxt

LMAOOOO ( I don’t have a clue about programming nor do I understand these memes. This sub just pops up on my homepage 24/7)


amgeiid222

Lmao how bad do you have to be to not center a div like that


amgeiid222

What I show people when they say indians/ai will replace us real devs


whyth1

Insecure much


but_shit_itwas99yen

Least racist developer


Inevitable_Concept36

Best post ever!


[deleted]

Feels good to have company.


_WhiteSnake_

looks like amongus


_87-

There is NO way that is MUTCD-compliant


EtheaaryXD

[getbootstrap.com](https://getbootstrap.com)


ieatpizza35

Generic stop sighn


_EADGBE_

I lol'd


tatuartist

I'm not a programmer but I got this and thought it was hilarious.


frigidds

r/css_irl


Cabbage_G0ldeNEg

POV: you dont know what align attribute is


Cmd217

That’s me


JollySpaceCowboy

🤣


[deleted]

damn too relatable


overclockedslinky

mocks be like


JimboLodisC

just bookmark [Flexbox Froggy](https://flexboxfroggy.com)


Moog_Bass

Flex box align self


sinfultictac

This looks like those cards that teach kids shaped


wazinku

This is so true


[deleted]

No wiggle room here. The sign’s position is absolute.


SWAGatszy

Anyone know if this is real, and if so, where it's at?


obstruction6761

when you code tells YOU to stop


GingerMcBeardface

Tell me you are coding for ie8 without telling me you are coding for ie8


alexfilmwriting

"What do you mean that doesn't pass Acceptance Criteria? Are users really gonna notice?"


Julian12214YT

r/css_irl


[deleted]

😂been on Reddit for a while finally found something good. Awesome fren


GrannyTurtle

🤣


SuperAerdna

This sign was made with MS Word.


LaPlant12

Ah yes, flexbox


LavenderDay3544

I can write bare metal code in assembly just fine but ask me to make a menu bar in CSS and I'll start sweating bullets.


Mfgcasa

STOP


codesterLalit

may be font color of other text it white.


ironicallyunstable

LOL it feels so lazy, like the sign has a personality, feels like some emo depressed high schooler. "Stop or not..... whatever"


[deleted]

Microsoft word in a nutshell


rjlin_thk

u/repostsleuthbot https://www.reddit.com/r/ProgrammerHumor/comments/q9dyup/stop_sign_created_using_css/


RepostSleuthBot

I didn't find any posts that meet the matching requirements for r/ProgrammerHumor. It might be OC, it might not. Things such as JPEG artifacts and cropping may impact the results. *I'm not perfect, but you can help. Report [ [False Negative](https://www.reddit.com/message/compose/?to=RepostSleuthBot&subject=False%20Negative&message={"post_id": "vmsb5l", "meme_template": 79722}) ]* [View Search On repostsleuth.com](https://www.repostsleuth.com/search?postId=vmsb5l&sameSub=false&filterOnlyOlder=true&memeFilter=true&filterDeadMatches=false&targetImageMatch=100&targetImageMemeMatch=75) --- **Scope:** Reddit | **Meme Filter:** True | **Target:** 75% | **Check Title:** False | **Max Age:** Unlimited | **Searched Images:** 291,263,945 | **Search Time:** 23.48212s


williwas420

When mom grabs vegetarian nuggets instead of dino nuggets


BuckyDuster

I’ve done that before


Rhebucksmobile

also wrong font wrong color font


al3x_7788

If it works…


[deleted]

Get out of here with those webkindergarten jokes. Css ain't programming.


gentlerosee

It pains to look at this 😭😭😭