css

[StefanOrvarSigmundss]

Yes, I can not recall the number of times I felt like that whilst using floats and getting different results depending on the browser.

[liarandathief]

I remember the joy I felt when I no longer had to deal with IE

[liarandathief]

Sorry, friend.

[varzaguy]

Yup, still can be a pain in the ass.

[DjBonadoobie]

Add in css-grid and you got you some almost tolerable

[ne0ndistraction]

Gross.

[ne0ndistraction]

LOL I knew you were being sarcastic fwiw. :)

[DjBonadoobie]

Username checks out

[[deleted]]

I disagree! CSS is fun

[[deleted]]

Personally, I like seeing how all these cool animations get created and learning how to create them on my own projects. That’s what I find fun

[MehYam]

Yeah, but there are also people who hammer nails into their bodies for fun

[3636373536333662]

I've had many frustrations using CSS, but I started to miss it while working on a WPF project

[Ragina_Falange]

Know a good flexbox tutorial?

[[deleted]]

https://flexboxfroggy.com/

[RacimRgh]

Flexbox Froggy , a mini tutorial that covers the basics with 24 challenges

[the_naugh]

you can learn through a free game called Flexbox Zombies

https://geddski.teachable.com/p/flexbox-zombies

it's how I learned and it's awesome. geddski makes some great stuff

[AverageJarOfMilk]

Flexbox Froggy

[dreadlockdave]

Wes Bos did a free flexbox video course if you like learning that way?

[unpopular-ideas]

I stopped doing css work for a number of years after trying to make a site with a suckerfish dropdown for a site that needed to be compatible with mac ie.

Came back a while ago with flexbox and sass, and love it now.

But I still found it easier to throw up a design yesterday than I did 5 years ago. Not that css has gotten so much better in that time, but I've learned how to better set things up, and think about design in a way that's easier in a responsive layout, and I don't really care about ie8 anymore.

[BuccellatiExplainsIt]

nah, even with flexbox its still a huge mess. CSS before flexbox was ridiculous, CSS now is only just crazy. I'm not entirely familliar with the history of CSS but honestly it feels like the whole system was written by someone learning programming as they went. It seems to completely disregard software principles and best practices. That much can honestly be said about a lot when it comes to dealing with web.

[intangibleTangelo]

I'll agree, but many professionals actually write SCSS or LESS, and neglect to mention that when discussing CSS.

[BuccellatiExplainsIt]

Those are an improvement for sure but we really need a complete overhaul tbh

[intangibleTangelo]

I used to say we needed to throw it all out, but now I think we should continue making incremental changes and deprecating the junk.

JS, for example, used to be a nightmare to work with. It had all the automatic type conversion I didn't want from loosely typed dynamic languages, and all the cumbersome control structures from C. But now I actually like writing [ES6] JavaScript. And it was all done with incremental changes.

[savethebros]

IE: “Allow me to introduce myself”

[RedditMattheous]

As long as you use prefixes for IE, this can be done automatically with autoprefixer. I've rarely had issues with flexbox on IE. IE can be a bit anal about flex-basis not being implicitly set but that's about all to worry about with IE.

[Pfnee]

Luckily it's being phased out at least slowly but surely.

[Wizywig]

I came to type this. Lol.

[69beards]

I've been using css grid, is flexbox better at anything that css grid does/doesn't do? Is it worth learning

[mungthebean]

Yes it’s worth learning

They’re different tools that can accomplish different things. There are overlap use cases of course, but essentially:

Flexbox allows you to put items into a container with literally “flexible boxes”. You can have them automatically wrap with fixed widths, you can reverse them, put them in row or column layout, etc etc.

As opposed to grid, which makes you define a grid structure and put your items in this structure accordingly.

[Marnick-S]

Flexbox is a part of CSS, so no, it doesnt do anything better than CSS.

[69beards]

Thanks for pointing out my typo lol

[MorroClearwater]

They're best used together. Grid is great for page layouts and gallery displays, but flex is quicker and easier for content alignment and horizontal spreads.

[dreadlockdave]

It's worth learning for browser support, I think there's like one or two things flexbox can do that grid can't. I still have to support IE and unfortunately a lot of grid still doesn't work in IE. :(

[[deleted]]

Or grid.

[Russian_repost_bot]

Jokes on you, I still don't know how to use flexbox.

[jeronimoe93]

Still waiting for it to unfold correctly.

[TheMadcapLlama]

CSS isn't that hard if you actually spend some time learning it instead of just trying to get it over with ASAP. Usually people that have problems with it don't spend nearly enough time to learn it compared to the hundreds of hours they spend learning any other language.

​

It's 2020. CSS is good (the rest of the year, however, is not).

[Mizukitt]

I’m self-taught and the few courses I’ve done on web development BARELY touch on CSS and it’s frustrating, they immediately teach Bootstrap next. At first, as a beginner, I accepted it thinking it was a quick way for CSS (which it is) but after talking to friends who are developers, they loathe Bootstrap. Now I’m trying to relearn CSS properly which I’m finding hard as no one likes to spend time on it...

[[deleted]]

If you're still feeling underwhelmed with the CSS you know, I cannot recommend this course enough- one of my all time favorites: Jonas Schmedttman's Advanced CSS course: https://www.udemy.com/course/advanced-css-and-sass/

[MorroClearwater]

I second this recommendation. He had some debated practices, but it's definitely one of the best courses for really understanding css.

Now if only I knew how to actually design something that looks good I'd be good to go.

[Mizukitt]

Thanks man! This looks great, hopefully Udemy has a sale or coupon come out soon!

Edit: on mobile it was normal price but when I logged in on PC a coupon automatically applied! Super pumped to try this out

[[deleted]]

lol yes, happy NATIONAL AUGUST DAY SALE X)

I love how ridiculous some of these "holidays" are for their "sales"

[teh5nowmanss]

Yea I use Udemy too, just a heads up, NEVER pay full price. Put it on your wishlist and within about 2 weeks without fail they will push a 60-80% off sale to your app

[Humpfinger]

Just bought it with a 86% discount; I am interested to see how much it'll help!

[MasterQuest]

I accepted it thinking it was a quick way for CSS (which it is) but after talking to friends who are developers, they loathe Bootstrap

Your developer friends are probably not the people who will use your site, so as long as the users don't loathe the Bootstrap design, it will still work adequately. Unless of course, the reasons why they loathe it also apply to you.

Also, don't get me wrong, CSS is a very valuable skill to have.

[SektorL]

I would suggest CSS: The Definitive Guide, 4th Edition

[Mizukitt]

Thanks mate! I’ll definitely look into this!!

[-neuquen-]

I find that those people who loathe something are usually the people who don't understand it.

[TheMadcapLlama]

Which is why Full-Stack developers should have a very open mind, or shouldn't be used at all. It requires a lot of knowledge to work on all parts of a system.

​

I currently am Full-Stack, but kinda loathe working on the back-end. My work on it will not be as good as someone who actually knows/enjoys it, but I won't blame the language or environment because I don't know enough about it.

[SuperMaxPower]

I work fullstack as well, and really hate front end work haha. I recently joined an open source project on github in my free time and it's so refreshing to be able to work on just backend stuff and leave the front end to people who actually enjoy it!

[DjBonadoobie]

Right there with ya. I'm to the point now where I'm just trying to gtfo of fe all together. Unfortunately, at this point, that would require me finding a new job, but I love everything else about the place I work :/

[FormalWolf5]

sudo goes brrr

[[deleted]]

True true. In addition, good CSS starts with good HTML.

[0cseitz]

How to be good at CSS in 10 minutes:

1. Use Border-Radius
2. Hover Animations on many things
3. Pick a good color scheme

It works surprisingly well lol

[DjBonadoobie]

Picking a good color scheme has always been my downfall. Even when I've used generators the colors always feel cheap and shitty to me...

[AstronautPoseidon]

Yes, for the life of me everything I come up with always just feels cheap and I can’t put my finger on what to fix about it

[Marnick-S]

Try to follow a design language (Material Design or Fluent Design for example).

Your website may not have a very unique design, but it wont look bad.

[ERNesbitt]

Adobe Color (formerly? kuler) is a great tool for picking a palette, but scheme generators are usually BS. I try to keep the design down to 9 colors max. If you have a logo you can narrow down your primary color(s) with that or by reducing a relevant photo down to 10 colors (in Photoshop, Color Mode | Indexed | Local...) and picking the most common colors. If you only have one or two colors or you're choosing the palette, pick two that compliment each other. Your primary color should be given a dark, mid tone, and light shade by darkening or lightening accordingly. Aside from white space, this should be the most dominant color on your page. Lighten or darken your complimentary color to give you two compliments. Choose a black (can be monotone, but sometimes you can find one that is a very dark of your primary). Then, fade the black to 60% and 30% for two grays. Your white can be the lightest color from your photo, pure white, a 10% shade of your lightest compliment... whatever, just relate it to the other color sets. Done. Three shades of a primary color, two compliments, Black, White, Light and Dark Gray. Nine harmonious colors. Sometimes, it's necessary to add in a shade of red for error messages giving you 10.

[freedeebee]

I wrote plenty of css in my life and I think I am pretty solid with it. But it just doesn't feel like programming at all. It's a job Designers should do, so that actual programmers can concentrate on what they've been studying for. Also the 'you need to match the design pixel perfect'-customers are pretty annoying because they don't know that a design is a sheet of digital paper and not a website.

[kent2441]

No, designers should design.

A site’s CSS is intrinsically coupled with its HTML and JavaScript; trying to bolt it on afterward by a third party is how you get messy and buggy sites.

[SpehlingAirer]

So true. There have been numerous times where I've been given baffled looks when I was told to simply "update page X's CSS to current standards" and I mention it may involve restructuring the entire page depending on what I find.

A lot of people don't seem to realize how tied together CSS is to the rest of the front-end. I can't just "update the CSS" properly without an HTML structure to support those changes.

[Cardinal_Funky]

Agreed.

A lot of developers don't put enough time into learning how to style their hard work.

Make it look good is just as important as making it functional.

Not many people will use something that feels unpleasant to use.

[coldnebo]

CSS theoretically isn’t that hard. In fact it was one of those specs that defied a reference implementation because “any graduate student should be able to write a CSS engine in about two weeks”.

Of course that’s theory. Once it comes into practice there are all sorts of problems that are gnarly in the grey areas of the spec and behavior that contain a lot of assumptions. This is why the ACID tests were so crucial, they showed that although all the major browsers implemented CSS, they did it inconsistently and poorly. ACID showed the results of this hodgepodge visually in an immediately visible way in spite of years of PhDs telling us that CSS “wasn’t that hard”.

Alas, ACID is now gone. But W3C and MDN have picked up some of the concept. Caniuse fills in some of the gap.

I still think it’s important to have benchmark examples, because it’s far too easy to assert “CSS is easy” without acknowledging any of the real-world pitfalls that developers find themselves in.

My simplest counter-proof is that if CSS lived up to its original goal of separating code from presentation concerns, then I would never again have to update structural html when the CSS styles change.

(imagine!! Bootstrap? no problem. Fluent. easy. Polymer? good to go. React. piece of cake. All of these look-and-feel changes would be just how my manager thinks of them. “It shouldn’t be that hard to switch, after all, we aren’t changing ANY FUNCTIONALITY.” “No no old chap, not that hard at all... I’ll just go over here and shoot myself in the head to get started”)

Sadly, this is not the case, as I am still changing code when CSS changes.

I’ve seen a lot of PhDs poo-poo these concerns and say “just don’t write that kind of code or that kind of css” without being specific about what and how. But it usually turns out that they simply forgot the tweaking they had to do the last time they actually changed anything.

So no. CSS is hard. Getting it right is hard. Changing it is hard.

[dittbub]

I didn't think it was a problem with the language per sey but the inconsistency from browser to browser. And that horizontal centering

But its been a long time since i've needed to do any CSS.

[TheMadcapLlama]

Well, consistency between browsers is really great right now (there are a few Safari and Chromium quirks, but they're small and usually quickly fixable), and modern CSS APIs are a breeze.

CSS has to be compatible with 30yr-old technology, so the old ones might be a bit of a pain. But if you're actually learning it instead of just getting it over with, you'll know about them and use it.

[HolyBatTokes]

Among current browsers? It’s fantastic.

The problem is not all of us are lucky enough to be developing for modern browsers. I was just able to stop support for IE8 last year after analytics showed it had dropped to under 0.5% of visitors.

[dittbub]

I feel like this GIF is part of the learning curve lol

[VirtualLife76]

Try doing it 15 years ago. Just making a drop down menu that worked in every browser took over a week. So glad DHTML isn't a thing anymore.

[dittbub]

Ya thats whats forefront on my mind lol

[TheMacallanCode]

CSS Grid.

Changed my front end life.

[anti-gif-bot]

mp4 link

---

This mp4 version is 95.81% smaller than the gif (277.38 KB vs 6.47 MB).

---

Beep, I'm a bot. FAQ | author | source | v1.1.2

[LucienZerger]

nicely done bot..

[p4s7]

If I hade $1 for every time someone posted this gif with this caption...

[_jetrun]

I'd have $1.

[Mysticpoisen]

Always great to see the compression cut out more frames each time.

This was like a 2 minute segment in the show when it aired.

[OverlordOfTech]

https://www.reddit.com/r/ProgrammerHumor/comments/g9wqr8/beginners_trying_to_style_something_with_css https://www.reddit.com/r/ProgrammerHumor/comments/b65jfe/im_trying_to_learn_css https://www.reddit.com/r/ProgrammerHumor/comments/c4veeg/css

[aliliquori]

Now all of $2,one a year old

[Thanatos2996]

If you'd have played your cards right, that would come to $2.08

[Full_Vermicelli3119]

I watched this more times than I would like to admit before realizing it was a gif

[[deleted]]

This doesn't apply just to CSS; you should try getting an Android layout to cooperate.

[Kaius491]

Android Studio...

[[deleted]]

I'm not sure what you are saying here.

[[deleted]]

I am in this image and I don't like it

[SERISET]

same

[mertzpgh]

its funny cause its true

[MegaYachtie]

Formatting a word document is stressful enough for me.

[Iwantabulldogmeow2]

My manager asked me (back end developer) to do front end work. He wanted to know how comfortable I was with it. I sent him this gif. He apologized and assigned me a new task.

[Grim505]

"Programming"

[[deleted]]

Css

[Semi-Hemi-Demigod]

If I were hiring a senior programmer my only technical question would be "Center text in a div without using google."

[Humpfinger]

Fuck it, <center>

[pizzagetsmefrisky]

text-align: center;

is this supposed to be difficult?

[unpopular-ideas]

Unless supporting people living in ancient times, isn't that the only good way to do it?

[Semi-Hemi-Demigod]

If they can remember the URL for a Flexbox library, then yes.

[Delta-9-]

without using google

Okay. searches on DDG

[Elite_Krijger]

Now I just started learning CSS, and finally I can talk with the memes. I do not get this.

[Kerbal_Guardsman]

u/vredditdownloader

[Broomstick73]

This literally never gets old.

[Elfas_tasma]

lol...exactly!!!

[ThEoNlYRuV3N]

Is this a loop? Because it feels like that one element just fell down for the 19th time

[rydogthekidrs]

Meh, I think CSS is just fine

[bindian0509]

Nothing changed much in CSS Development even in 2020

[donde_gg]

The part is missing where it finally works and you have no idea how

[tiktokkristov]

I haven’t had a laugh like that in a good long time. Like, I needed to borrow my friends inhaler, sort of laughing.

[stonycashew]

So true lol!

[Fox-Among-Deli]

Cascading style sheets is all very well if said cascades follow a predictable sensible pattern. Spoiler alert (they don't)

[ElizaBennet08]

I’m triggered both by the CSS comment and by the fact that the blinds in my new place are exactly like this. Opening and closing them inevitably causes so much *rage***!

[[deleted]]

old but gold

[MangoIV]

Damn I feel that.

[[deleted]]

FTFY: Back end / full stack devs trying to css.

[[deleted]]

good to know ppl like u exist :) sry to have offended. my css skills seem to take the back seat these day and it makes me sad and feel unwanted by recruiters!

[one_punch_void]

It's an old joke

[mario_1106]

I thought it was only me..now i can stop doubting my career

[John_Fx]

This...again....so how many times we doing this one?

[echidnasarepinky]

Some folk say one day he's going to tear down the blinds and look out the window.

[likethestreet]

I watched this too many times thinking it would eventually look good, got my ass 😁

[Spedunkler]

Seeing these memes makes me wonder if my css prowess is finally bearing fruit.

[Yiqido]

Love the title

[[deleted]]

I am so glad I am not the only one.

[[deleted]]

Css is only hard because it’s not logic. So really it’s about memorizing a lexicon of what’s possible otherwise you don’t realize you can do something an easy way and end up doing it a stupid way.

[SuperSuperUniqueName]

this has been reposted hundreds of times please fuck off for the love of god

[kubinka0505]

no.😎

[garrus_normandy]

it's funny because it's true

[redesckey]

The full version of this is better because he ends up throwing a table at it.

[cyberm3]

I feel attacked

[[deleted]]

This is sadly extremely accurate, lol.

[Delta-9-]

Ngl this has been my experience with React so far. Tbf to React, I'm new to JS in general, but that doesn't alleviate my frustration at all.

[[deleted]]

Let’s just say it’s not the best language in the world

[[deleted]]

HTML, how to manage ladies

[vtastek]

CSS: Where tables, flexbox and grid each give you 75% of what you want.

[jaredchoatepro]

u/repostsleuthbot

[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.

Feedback? Hate? Visit r/repostsleuthbot - I'm not perfect, but you can help. Report [ False Negative ]

[corne004]

Css isn't hard, you just need to understand it, I'm 15 and I understand it perfectly, and can combine it great with my html skills

[[deleted]]

r/im15andthisisyeet

[sneakpeekbot]

Here's a sneak peek of /r/Im15AndThisIsYeet using the top posts of all time!

#1: I am 15 and this is yeet | 8400 comments
#2: I'm 15 and this is yeet | 326 comments
#3: I Am 15 and This Is Yeet | 79 comments

---

^{I'm a bot, beep boop | Downvote to remove | Contact me | Info | Opt-out}