New kid came to me in my break (while I was playing LoL) saying I should start coding (he had no clue what my role within the company is).
Said that if I won't get a career in league, I could just (as if it's done in a few minutes) learn coding and make a website with thousands of users (as if that is just done like 1 2 3).
Then with a big grin on his face he proceeded to say "if you ever have some issues with making websites, I could just come to him and he can teach me the basics of Javascript, HTML, CSS and PHP".
So I said: "and who are you?"
He told me his name and what he is going to do within the company.
So I said with a big grin on my face: "Ah, so you're the new kid the boss told me about, nice to meet you, from today on, I'll be your Senior."
I then saw his big grin disappear
then with a big smile on my face I proceeded to say: "If you ever have some issues, please come to see me and I'll be happy to teach you the basics of Javascript, HTML, PHP and CSS"

Then he walked away :^)

"I have no idea what this line of CSS is doing."
*Deletes line*
*Entire app falls apart*
"Better put that back..."
*ctrl z*

!rant

This was over a year ago now, but my first PR at my current job was +6,249/-1,545,334 loc. Here is how that happened... When I joined the company and saw the code I was supposed to work on I kind of freaked out. The project was set up in the most ass-backward way with some sort of bootstrap boilerplate sample app thing with its own build process inside a subfolder of the main angular project. The angular app used all the CSS, fonts, icons, etc. from the boilerplate app and referenced the assets directly. If you needed to make changes to the CSS, fonts, icons, etc you would need to cd into the boilerplate app directory, make the changes, run a Gulp build that compiled things there, then cd back to the main directory and run Grunt build (thats right, both grunt and gulp) that then built the angular app and referenced the compiled assets inside the boilerplate directory. One simple CSS change would take 2 minutes to test at minimum.

I told them I needed at least a week to overhaul the app before I felt like I could do any real work. Here were the horrors I found along the way.

- All compiled (unminified) assets (both CSS and JS) were committed to git, including vendor code such as jQuery and Bootstrap.
- All bower components were committed to git (ALL their source code, documentation, etc, not just the one dist/minified JS file we referenced).
- The Grunt build was set up by someone who had no idea what they were doing. Every SINGLE file or dependency that needed to be copied to the build folder was listed one by one in a HUGE config.json file instead of using pattern matching like `assets/images/*`.
- All the example code from the boilerplate and multiple jQuery spaghetti sample apps from the boilerplate were committed to git, as well as ALL the documentation too. There was literally a `git clone` of the boilerplate repo inside a folder in the app.
- There were two separate copies of Bootstrap 3 being compiled from source. One inside the boilerplate folder and one at the angular app level. They were both included on the page, so literally every single CSS rule was overridden by the second copy of bootstrap. Oh, and because bootstrap source was included and commited and built from source, the actual bootstrap source files had been edited by developers to change styles (instead of overriding them) so there was no replacing it with an OOTB minified version.
- It is an angular app but there were multiple jQuery libraries included and relied upon and used for actual in-app functionality behavior. And, beyond that, even though angular includes many native ways to do XHR requests (using $resource or $http), there were numerous places in the app where there were `XMLHttpRequest`s intermixed with angular code.
- There was no live reloading for local development, meaning if I wanted to make one CSS change I had to stop my server, run a build, start again (about 2 minutes total). They seemed to think this was fine.
- All this monstrosity was handled by a single massive Gruntfile that was over 2000loc. When all my hacking and slashing was done, I reduced this to ~140loc.
- There were developer's (I use that term loosely) *PERSONAL AWS ACCESS KEYS* hardcoded into the source code (remember, this is a web end app, so this was in every user's browser) in order to do file uploads. Of course when I checked in AWS, those keys had full admin access to absolutely everything in AWS.
- The entire unminified AWS Javascript SDK was included on the page and not used or referenced (~1.5mb)
- There was no error handling or reporting. An API error would just result in nothing happening on the front end, so the user would usually just click and click again, re-triggering the same error. There was also no error reporting software installed (NewRelic, Rollbar, etc) so we had no idea when our users encountered errors on the front end. The previous developers would literally guide users who were experiencing issues through opening their console in dev tools and have them screenshot the error and send it to them.
- I could go on and on...

This is why you hire a real front-end engineer to build your web app instead of the cheapest contractors you can find from Ukraine.

Boss: make this thing
Me: yeah no worries. Where is the spec?
Boss: We don't have enough one but we outsourced the design so call him

Designer: haven't started yet
Me: excellent

Boss: I'm going on holiday. I'll leave this to you.
Me: erm ok. I'm having a few problems getting stuff out of the designer though.

*2 weeks later and still no designs*

Boss: I'm back. Where is the progress?!
Me: indeed.

*1 week later i get half designs that sort of make sense*

Boss: hurry up!

*1 week later*

Me: designer you're busting my balls here
Designer: yeah lol

Me to boss: still having problems. No idea what I'm doing.
Boss: deal with it

*2 days later*
PM: we are demoing it to clients tomorrow
Me: brilliant. I'll become a magician then.

* Meeting goes well and no one notices the thing is a bit buggy*

*2 days later*
Me to boss and pm: you already know whats going on but I'll keep trying.
Boss: ok it's just a proof of concept anyway.
Designer: yeah here's the rest of the designs lol

*1 week later, the designs made no sense, no idea what they wanted but hey it's a proof of concept so I'll just do my best...*

*suddenly again, hey you have 1 week before we sell it. Lol. smashes a product together as fast as humanly possible, due to half designs and no time to do it right even html classes and CSS aren't right - didn't know things would be repeated at the time. No time to fix entire thing. Luckily just a proof of concept*

New senior developer: hey boss just said this is being sold tomorrow.
Me: wtf..It's a proof of concept and i was given longer...
New senior developer: no
Me: :(

Senior developer and all colleagues: it's full of bugs and doesn't work
Me: yes that will happen without specs, random tight deadlines, no designs that made sense and a total of about a week and a half to make an entire system for multiple user types to make applications, send messages, post jobs, handle all paperwork and move paperwork among different user types as they go through applications. I told everyone what was going on but i get no support...

*Silence*

Boss: wtf i gave you so long! All i know is my entire staff is working on a product that should be done ages ago
Me: ok, however i have said almost every day i need-
Boss: I'm not interested

*I finish my placement year and never get any promised work or the job offer*

Seems legit?

Me : Let's just use CDN.
Former boss (fb) : What's that?
Me : You fetch JS and CSS files online. Faster.
Fb: No! Download it!
Me: Why?
Fb: What if there's no internet?!
Me: ... it's a website...

Teacher: Homework for next time is to make 2 web pages with three javascript.
* whole class is quiet *
Me: What's "three JavaScript"
T: undefined
M: Do you mean three files?
T: No, I mean three JavaScript.
M: Okay, so let's go with five CSS and twelve HTML as well then...

Please, go somewhere else when you can't explain your OWN HOMEWORK ASSIGNMENT. Holy fuck.

Just read this in German craigslist:

I make your new fancy website...only 99€...no wordpress, cuz thats for blogs only...
I program object oriented in HTML/CSS!

"Ok, the site looks fine. Now let's move the style tag into it's own file."

*makes css file*

"WHY DOES IT HARDLY EVER LOAD!?!?, I checked the syntax trice"

*Spends 20 min. Asking friends for help, but none of them knows a reason*

"Time to ask the teacher, I guess"

*Teacher comes over, but has no clue either*

Teacher: "Give me the files, let's test it on my laptop"

*Css doesn't load there either*

*Teachers pair programming and trying some serious debugging technics. No progress*

*I decided to look at the sourcecode while refreshing the site*

1. Refresh: Css is loaded properly
2. Refresh: Css is gone, and source turned into various asian symbols.

Looks at the (default) file encoding: UCS-2
WTF NOTEPAD++, I SPEND 2 HOURS OF MY LIFE BECAUSE YOU DECIDED THIS WAS A PROPER ENCODING!

Web programming seems fun.

- Open your terminal, you're a hacker
- Reinstall Windows, your aunt will be happy
- Put on the cool hacker T-shirt, nobody dares to talk to you (enjoy!)
- No matter what you do - self driving car AI or struggle aligning your CSS, you are a 'dev'

My friend called me for help with her CSS. I was like no problem go to Teamviewer.com and install that software. 10 mins later she called saying teamviewer didn't fix her code. I'm done!

Me: So we've used Bootstrap for front-end and Django for ...
Teacher: Bootstrap is not a front-end framework.
Me: Uh..Okay. It's a CSS framework ? My bad.
Teacher: No, Python is for front-end.
Me: You mean templating ? Yeah! We've used Jinja templates.
Teacher: No. Use Python for front-end.

QA just asked me, why does the website look so ugly and no CSS is working on Internet Explorer
I'm lucky I'm not the web dev lol

*I laughed*
*IE laughed*
*Windows laughed*

I make games, I don't do frontend fucking webdev; this isn't my fucking job and I don't fucking understand it. Fuck you, client with money. (Yes that is a CSS for beginners page, no I don't care. Screw you.)

Yesterday was Friday the 13th, so here is a list of my worst dev nightmares without order of significance:

1) Dealing with multithreaded code, especially on Android

2) Javascript callback hell

3) Dependency hell, especially in Python

4) Segfaults

5) Memory Leaks

6) git conflicts

7) Crazy regexes and string manipulations

8) css. Fuck css.

9) not knowing jack shit about something but expected by others to
produce a result with it.

10) 3+ hours of debugging with no success

Post yours

My company needs a new Website.

ME: Boss, let me do it. It's just a simple static site with a few pages. **Dreaming about a fast and beautiful site**

BOSS: Your time is too valuable. Nobody is paying us for our website. The apprentice will do it.

Few weeks later... Wordpress page! Page loads in > 20sec. Over 150 request for css and js... It's fast on Mobile, because it just breaks and loads only half of the content.

So ashamed working in this Company. No sane customer will ever do business with us, when he sees this stackpile of shit.

My Senior php backend team leader told me I could choose a new laptop, he said:
"You could always choose a mac, and be a real developer"
mean while I was already downloading ubuntu, and replied
"No thanks, I don't do html/css"

*me using CSS*:

"NO YOU DONT GO THERE YOU GO HERE"

Creating a personal website:
Step 1: Have 20mins of inspiration.
Step 2: Spend a day writing css and js
Step 3: Realize it sucks because (ugly || bad responsive design || not enough content)
Step 4 Experience no inspiration what so ever for next week
Step 5: Repeat

> In college
> group of 3
> we decided to make a list of songs website that allow user to download it.
> No idea how webserver worked
> only know html and css
> decided to make one html for each letter the song starts with
> it was fun but stupid

Our project manager who also happens to be our web designer... (Start Up)

Project Manager: We have a go signal. Go convert this design to html and css. And make it responsive.

Me: Can you forward me the mail so I can check if it's actually approved?

Project Manager: Just do it.

Me: (After tweaking) There. It's done.

Project Manager: They want to change all the layout of the site. We're gonna do it from scratch. They didn't like the design.

Me: What? I thought your design was approved?

Project Manager: I thought so too. But i'm your PM so get back to work.

There was no mail from the client.

FUCK CSS!

I spend more time positioning a single button than learning a frickin framework!

I gave up trying to make a div the same height as its parent. No clue why height:100%; doesn't work!

Spent 6 days, trying to get a navbar to stick in my iOS webapp while scrolling, no way to get it done.
This morning I installed iOS update 11.3, problem solved without changing a single line of CSS...

FUCK YOU APPLE

I was trying to style a website drop down menu (select tag) that would look the same on all browsers using css only. i removed the default arrow down, and i was trying to add a minimal arrow pointing down, and it took me a while to do it. Take a look at the pic.

However when i looked at the code. there was no code for that little arrow. I was confused for a few minutes, looking at both html and css. thinking how is this even possible, then i realised.

My f-ing screen was dirty. Dirt was similarly shaped like the thing i wanted to achieve. I was laughing at myself for a few minutes.

btw i did it in the end 😊 no dirt involved

!rant

Boss: ehi I was checking out our latest product (made in vuejs) it's blazing fast and responsive.

Me : shiny eyes "... Can I refactor our biggest project from angular 1.5 to vuejs?"

Boss: "mmh what can you save from the old code base? "

Me: "mmh.. A lot.. Mmh like.. The CSS!"

Boss : "no"

I hoped!

Hello, I just want to let you know I'm working on a 15 year old product and it is currently in production.

It uses Angular.js and one of the earliest versions of React.js. I cannot use ES6, we don't have Babel, no JSX syntax, no CSS preprocessor. No webpack.

I must support browser since IE6 with an ES3 syntax. (luckily I got some some polyfills for an ES5 syntax)

When I build a component I have to call React.createClass and React.createElement.

The render() function is basically a nested pile of React.createElement.

There is no documentation for this product, no tests, no anything.

I had to reverse engineer it in order to understand how it works.

The code base uses mixed programming styles and naming conventions, plus thousands of little js files.

Oh and obviously no hot reload, every time I make a change I have to restart everything.

Please, send help.
I'm in danger.

Sincerely,
An underpaid developer

....
I'm not crying, you are crying...

Email. Fuck everything about it.

It's an obnoxious queue of messages I somehow must handle. And everyone in society expects you to have email. You can cancel your phone number, maybe even live without a house... but every hobo still must check their email.

It is an endless shitstream of things I don't want. Like a garden with some nice tomato plants, but then a really smelly weed starts invading and no matter what you do it keeps coming back.

I don't want to login to unsubscribe. I don't care about your "notifications center", or "managing the offers you receive from us".

And then your boss asks you to design an email campaign... I don't want to receive that shit, why would our customers? And even if I agreed with using email as a communication channel... YOU THOUGHT CSS IN INTERNET EXPLORER WAS A BITCH?

No really. Fuck email. Fuck everything about it.

I am backend + a bit devops
8 months I worked with front-end person in react.

8 months he was telling me.. git usage is not needed for front. There is no need for that, it is not like back.
Recently he made refactorization in a week time, this idiot did not do even single commit in the process.

4 months he was telling me, testing is not needed in front. Even if the work is complete, there is no point to cover with testing.

Today I heard from him, adaptive web design is impossible to do in css only, it needs having javascript to control right height and width size for elements.

At last. I got freed from him. He got fired.

To all you devs still wet behind the ears ranting about css - you have no clue just how good you have it.

Most designs used to be table based (table-ception) and to give something a border with round corners or a "drop shadow" you would literally create a table to hold you content with an border of cells containing a background image of a corner / border.

Now you use border-radius or box-shadow as a 1 liner. Stop bitching about centering things and figure out how to hack it like we did.

If you remember this whats your least missed 20th century hack?

while we were in the car...

mom: so what are u doing in your new job? you code in java?
me: no, i code in javascript, html, css and php..
mom: so thats java. how nice.
me: no, its javaSCRIPT.
mom: theyre still the same.
me: java and javascript are not the same
mom: but most people use java so why dont u just do it in java?
me: thats what ive been asking myself too in the past few weeks, why did i even accept this job

CSS...

Would the web be better off, if there was zero frontend scripting? There would be HTML5 video/audio, but zero client side JS.

Browsers wouldn't understand script tags, they wouldn't have javascript engines, and they wouldn't have to worry about new standards and deprecations.

Browsers would be MUCH more secure, and use way less memory and CPU resources.

What would we really be missing?

If you build less bloated pages, you would not really need ajax calls, page reloads would be cheap. Animated menus do not add anything functionally, and could be done using css as well. Complicated webapps... well maybe those should just be desktop/mobile apps.

Pages would contain less annoying elements, no tracking or crypto mining scripts, no mouse tracking, no exploitative spam alerts.

Why don't we just deprecate JS in the browser, completely?

I think it would be worth it.

The new w3c standard "CSS Houdini" gives you access to the css engine and let's you write your own css properties. That means no more polyfils, new exciting website designs and more possibilities and control on how the css is rendered on all browsers.

Grunt, gulp, bower, webpack, rollup, yarn, npm, requirejs, commonjs, browserify, brunch, rollup, parcel, fusebox, babel,
wrappers for bundlers, frameworks on frameworks, then for css, theres scss, sass, less, stylus, compass, and for templates, handlebars, mustache, nunjucks, underscore, ejs, pug, jade, and about five billion other word-salad tools, all with their own CLIs, each in some way building on npm, but with their own non-congruent little syntax, like no one realized they were reinventing the same problems introduced by domain specific languages, most happy to announce "configuration takes a little time, but it's worth it!"

No, it's not. Just stop people. Just stop. You're not doing anyone any favors by creating another lib, all you're doing is tooting your own horn and self promoting. Use what exists and stop creating more shit for new people to learn, to add to the giant clusterfuck that is the 2019 hotmess known as "web development."

You're not special. You're not important. You're lib or tool will be famous for 15 minutes and no one cares what you've made.

If you want to contribute to web development, do us all a favor and contribute to global sanity by kindly deleting your contribution and any plans to contribute new solutions to problems that have already been solved.

I hope computing heavens have:

-One brand of hardware
-One OS
-One browser
-No closed source software
-No ads
-One monitor aspect ratio
-One fucking programming language with a fucking big standard library.
-Phones are just the same exactly the same OS as in computer, not stupid adaptations.
-All pages are only HTML/CSS, without JS.
-Due there is one browser and one OS, when you need a dynamic page, you can display a desktop app in the browser downloading its binary.
-There are one fucking brand on printer with standard drivers which are included in the OS.

We are so far from heaven

Spent 6 hours today trying to figure out why the CSS got all jacked up on a site right before launch.

Turns out, the new college grad who went to school for front end development doesn't know how to specify elements at all.

They made all their edits using the broadest selectors possible, sometimes at the tag level.

Having never looked at the site or mock-ups I had no idea what it was supposed to look like so I spent a lot of time waiting for people to tell me whether things were fixed, and telling what else was broke.

Good thing their college degree means they make 20% more than me.

Its not really a choice...

Remind me to never ever ever try to make my own CSS from scratch, never.

Much love to all the people making css frameworks, we appreciate you <3

I really fucking hate CSS. I have no idea how to use it and all my websites look like complete shit. I’m cool with JavaScript and some of its libraries and frameworks, but css is a bitch.

Made a simple college project using Node.Js, MongoDB, React... Wrote everything from scratch, starting from HTML to CSS and Routes even OAuth. No template was used.. Guess what teacher said...

She said I love the second project made using wordpress template because, "It looks amazing and beautiful"

One of the reasons why I hate college...

No, css is not evil, that God forsaken mother fucking useless piece of horse shit wanking ass fucking whore framework known as bootstrap is.

Boss:"Build templates that convert our 1000+ pages built for desktop, into responsive ones that work on large screen and phones. "

Finished...Run the company's code scanner and it reports violations of development rules (which was expected)

I go to request exemptions....

"Oh, no you can't use JavaScript or CSS that uses position."

Am I the only one who reads CSS "!important" as "not important", because of the '!'? No matter how many times I read it ....

I don't have a ton of friends, but I do have a few. None of them can code (one has tried HTML/CSS and didn't get past the fundamentals). When I make something cool, and show it off to my friends they just don't understand the struggles and triumphs that were involved in that project. As a beginner/intermediate dev, feedback is huge and no one I know in person can give it to me. There are a couple people I chat with online that help me with my projects, but that's nothing like sitting down with someone and listening to their feedback, suggestions, ect.

Why do my friends have to be so non-techy?

So, after weeks of reading spicy rants from all of you, I finally decided to join your community ; even if I'm only a student, I've encountered some solid crap in my internships.

Let's go back in time bois. Two years ago, I started my first intership at a Fortune 500 company (this doesn't exists in France, but whatever, this is nearly the same category). I was supposed to build some file sharing system for the office. Before getting into it, I briefly thought aboyt what technos I could use to build it and make a sweet interface for my co-workers, in 10 weeks, and not a single another day.

Expectations
> Nice team with devs that I could ask things about and learn solid tricks that would even amaze David Copperfield
> Having a nice dev environment

Reality
> Alone on this project
> No fucking dev environment, I had to build everything on Notepad
> No CI
> No SCM
> And, the worst, Ladies and Gentlemans,

I FUCKING HAD TO WORK IN A SINGLE FILE IN A CLOSED ENVIRONMENT.
NO WEBSERVER, NO DEDICATED SPACE.
I HAD TO REQUEST A SPECIFIC ENVIRONMENT IN A CLOSED CUSTOM CMS THAT WAS SERVING FILES, SO THIS FORMAT COULD BE READ ON FOLDER OPENING IN IE9 (FIREFOX FORBIDDEN).
YOU HAD TO MIX HTML, CSS AND JS IN A SINGLE FILE. NO SERVER-SIDE LANGUAGES, ONLY STATIC LINKS, NO FRAMEWORKS (if we can call jQuery, Bootstrap, Semantic UI and all these thinks "Frameworks").

> mfw at the end of the intership

When the client blames a css issue for a decrease in sales.

No you idiot. A missing slider that I removed because it was breaking your site is not causing your sales to drop 30%

A classmate of mine had the task to align some content on a page to the center using CSS (using margins)
That classmate has no fucking clue because she pays no attention.

font:10px;

was the only thing she wrote into the text file that was projected onto the whiteboard.
The teachers asked: "What does font stand for?"
Her reply: "Uuuuuuh... Position?"

Kill. Me.

Want a backend in Node? You got it. PhP using the plethora of frameworks available? No problem.

Feeling like a gipsy guitarrist and want to lay it down with Django? Good taste!

In a hurry and need your startup off the ground with React integration in rails? Piece of cake.

Feeling springy and want you some coffee and Java with your app? A la carte.
Wanna pull my leg and force me to do .net? Mm ok if you insist.

You sure you want Perl with that? Ok no problem.

.....but you sit me and my awesome powers of backend mastery and force me to do css and design all week and you literally destroy my soul......this shit is soul crushing I swear.....

Using 10% React with the rest in Jquery. Importing a giant legacy CSS blob in a newly made SCSS file. Two thirds of the API documentation in docblocks, the rest in Markdown files. Half of the repositories in Github, the other half in Bitbucket. The root of every project littered with ymls and jsons and readmes of stupidly named tools no one has ever heard of.

Fuck your partial refactoring, fuck your little experiments, fuck all this half work. I'm so done with this shit. 😡

Google: hey website owner, use link rel preload for images loaded by CSS to reduce roundtrip delays. Chrome supports that, Safari also, and even Edge does.

Mozilla: we had some bug with preload back in FF 57 and our solution since has just been to disable preload per default. Done. Who would care about loading speed?

Also Mozilla: we have no idea why our market share has been plunging. Google is evil.

Why does CSS never work the way you'd expect? All I want to do is align something to the bottom of a div. No. Will not happen. You'd think it might be something simple as 'v-align' or 'align: bottom' or 'fucking put it at the bottom: now;'

No, it's never that simple. I try every result I can find from googling. Nothing. Simply does not work.

How about trying to keep a div to a square when you resize the page? That should be simple? height = width right? Fuck you. Ha hahah, no you have to implement some horrendous arcane hack involving fake elements and other bullshit.

You finally fix one thing and everything else you had working is now broken.

...and then some fuckwit comes along and goes "Oh, CSS isn't hard..." and it takes everything you have not to beat them to death with your rubber duck.

What the hell is wrong with CSS? It's not even programming! It's just pure, sadistic hell! FUCK CSS!!!!

For some reason the office I work for is paying for a designer to become a front end developer and she gets to take the classes one work time. Any time I want to further my career or pay I have to pay out of pocket and it can't interfere with work. Additionally I have to deal with her asking me every other day why I use Sublime over something else.

Basically I use Sublime because I spent too much time researching new things to try and learn yet another editor. If you wanna use brackets, cool, if you wanna use atom, cool, if you wanna use notepad, cool. I don't give a flying fuck what editor you use, you're writing CSS, I'm writing PHP, if you can count to 4 spaces, and not look at my code, I'm not going to scream at you.

She comes in each day and sits at her desk watching video after video on beginner HTML and CSS asking me mundane questions breaking my concentration at least once an hour.

I know we all started somewhere but Google was my best friend and should be yours as well.

Java : He is the topper who is usually mocked, but still everyone seeks his help on the day before exams. He tops the class no matter where he is.

C : He was once the coolest guy in the class with all the new gadgets but now uses outdated gadgets.

C++ : The guy who comes 2nd and is also loved by everyone. He is very competitive.

R : She has everything readymade from food to tiffins.

JavaScript: Tries to be in the cool gang but she is someone to whom nobody talks.

CSS: The most beautiful girl in the class and a make-up expert. Also the only friend of JavaScript.

Python: She will soon top the class.

C# : Is she still part of the class!!?

Write some in-line CSS to fix the layout issue.

Almost three years ago when I was starting web development,a friend of mine asked me to create a website for him.

You know those single page portfolio with a blog. I said Ok.

After a week I hosted the website and the dude didn't pay up the remaining amount. After following up for a while I just commented out the links to load all css files and declined his calls till he paid up.

He called and said he suspected a hack, to which I replied yes. He had to pay up the remaining amount + more to prevent 'other future hacks'.

The website is no longer active (koome.co.ke) but since then my interactions with clients has changed.

Me trying to debug CSS compiled from a legacy SCSS-project containing 100+ files and no source maps.

When your fellow dev insists on leaving no space between his CSS selector and the curly bracket.
I'm sure he does it just because he knows it winds me up.
I'm not so sure he knows I just run a beautifier on his files to fix it.

Made a Website.
What this friendly old Lady wanted: a update to her poem/song website that looked horrible.
What she got: A goddamn masterpiece considering there is NO backend and I got nearly no ressources to work with.
It took forever to put that stuff together since I thought I dont need any frameworks at all. I didnt know PHP at all back then, so I just went all out with everything that pure HTML and CSS could give me.
I even went outside to make nice photos to put into the Background.
....so, he said no PHP or anything? YES! If you wanna add content you change the HTML and upload stuff via Filezilla. I dont really want to see it ever again. But not because it looks bad.

I know, its not really coding since its HTML but I Count this!

Bootcrap. Just looked at their main page, and it's a whopping 75k of markup plus 294k of CSS (W-T-F?!), and 224k of JS. All of that shit for a page that shouldn't be more than 10k of markup, 16k of CSS, and that has no reason to even use JS at all.

<a class="d-flex flex-column flex-lg-row justify-content-center align-items-center mb-4 text-dark lh-sm text-decoration-none

Yeah, that crap is supposed to be "easier" to write. That's what you get for totally failing to understand how HTML/CSS even work, clinging to late 1990s practices, and ditching decades of progress since then.

Although the Bootcrap folks do manage to write valid HTML. As low as that sounds, but that counts already as an exceptional skill in the notoriously low-skilled frontend "dev" world that is all about making shitty websites.

Oh, and the rest like Failwind and Bulimia aren't any better. They already fail at delivering valid HTML on their websites.

When you trying to develop a site, you change some CSS, refresh the localhost and it doesn't update. You try changing that CSS value to something more noticeable to see if you're just imagining things. But no, it's your browser cache. Clear it.

Please tell me I'm not the only one who gets really annoyed when someone uses jQuery to do stuff that would take the same amount of pure JS. I think these days many people only use jQuery out of laziness, not because it's necessary. Why load an entire library to set CSS attributes and innerHTML? Yes, there was a time when it was very useful to have jQuery, but today we have querySelectorAll and all that. You can save plenty of kBs, load time and improve performance.

Next time you're about to load jQuery ask yourself: do I really need it? Chances are the answer will be no.

WebDev jobs should come with big warning signs:
"You absolutely will lose your sanity!"
"IE11 might indirectly lead to impotence!"
"You won't get laid more often by using CSS Grid!"
"You will have to fix websites which only appear broken on iOS Safari!"
"Get some extra terabytes ready for your node modules!"
"Get ready to yarnify your npm dockerized webassembly blobs while gulping on your mocha chai latte with no karma!"

Can't we just go back to the good old times with Quick Basic and chill?
Man, the ladies were flocking around those programmer boyz, I tell ya... Klickety klackety on the mechanical

Css was developed by monkeys. I fucking hate how there is no organisation, laying out stuff requires too much work, there are billions of ways to do something. Aligning things in css actually has a web page dedicated to that, seriously, what the fuck????? I love doing backend and creating rest apis but for the love of god i cant stand css and front end in general🤦🤦🤦

When you create your CV in HTML/CSS print as PDF and attach that to the job application, because word is annoying you with its lack of layout abilities.

I just wanted this bit of text over there --->
but no, I have to go make a text box, position that thing in an "absolute" way and have it still be wrong when exporting as PDF.

Really how hard is it to let me build a nice layout 😒

Am I the only one who read '!important' as 'Not important'? 🤔

ajax hell/dom hell
do you know it? no dont talk abut the callback hell.

i fcking hate it when i load any modern site, and it needs a few seconds to calc some stuff, xhr this, calc that, dom/css visible that. at all it takes more time specially if you on low end to mid equipmemt.

And then you think its finally loaded, you want to click or tab something and then another xhr was Finished, dom/css changed, and the button i was about to Click moved and i click something else.

friends of me hates this to.

so please dear webdevs, stop try to be cool and fancy just because you found out how "cool" conditions in css and dom is. stop using that bullshit angular (and so on) bullshit if you cant manage to pull out a html at start that will not changr its layout all the time after being loaded, ty.

I need bleach...

Lot of bleach.

When you think that not using a JS framework is bad...

Ever saw a Frankenstein of a HTML, PHP and JQuery? Full rewrite of an old project with more than enough time allowed....

Just... That was not awful enough.

*sobs* so the dev added bootstrap onto this pile of garbage... Instead of rewrite....

Think I missed CSS or included it in HTML? Lol. No.

No CSS. Inline. HTML 4 Tags.

?>
<table width=40 class="table table-striped">
<?php
foreach( $table as $row ) {
....
<input onkeyup="..." onkeydown="..." class="form-control"
...

To give you a basic example of how worse it is...

But the best. The lead developer does not understand why I was speechless.

i need more beer. And bleach. Filth and disgust must get out of my system

Got a ticket today to redo the companies html e-mail signature.
Requirements: Support for Outlook 2007-2016.

Me never done one before, thinking: "Regular Html and a bit of CSS, no biggie, can't be that hard"
Also me: "Okay let's see which CSS features are supported in Outlook 2007"

Quick google search to find out that there is nearly no support for anything and that Outlook uses Word as render engine.
Someone seriously thought using motherfucking Word to render Html & CSS is a good idea? FML

I hate UI design. When you code functionality, you either make a thing work or crash, efficient or unefficient, reliable or unreliable, maintainable or unmaintainable; but in UI design there's by no means an established way to make something look pretty and that pisses the crap out of me. You cand spend countless hours working in UI design, using the latest CSS libraries and frameworks, but at the end, any client can easily say it's crap no matter how cool anyone else think it looks. UI design sucks.

Stop teaching people deprecated bulls*it.

I'm taking a "Web Design" course and the teacher wants us to use html attributes and the <font> tag to format pages. He doesn't allow us to use CSS. Says "We'll get to CSS later, right now I'm teaching you HTML". He thought us the <frameset> thing which isn't even supported in HTML5. And of course no <header>, <footer>, <aside> etc.

Same thing in my C++ course. The computers don't even have a C++11 (or newer) compiler. Just an old version of Code::Blocks we're not allowed to update. It does support C++0x so you can still get some of the features, but still.

So I've taken over a project, well, not really taken over, we've been hired to add more functionality to a Wordpress site.

I have never seen such a messy code in my life... variables have mixed languages, indentation is a mix of tabs, 2, 3 and 4 spaces, camelcase, snake case, short names, long names. ' and ", no spaces after commas (gotta save those bytes doode)
Almost like it has been copypasted from everywhere.

I think I said 10-15 hours for it. I think I will spend a lot more time tidying up this code.

Hey, look, 3 index files!!
index.php
index__backup.php
index__backup_2.php

I don't dare to look into the CSS or JS, but I know I have to

I had this weird dream(emphasis on dream)

I was in a resort in bali waiting for my drinks and this cute girl comes over to my table.

Me : omg finally i can get a girlfriend
Me : hello beautiful
Her : hey i have this problem with my website *shows the messed up site with no divisions/containers * "can you fix this?"
Me : okay ;_;

PS : i started learning css, html and 2 other web technologies a week ago, and this is already happening to me, should i quit?

Public CSS discord: "Oh, awesome thanks, man! No need to apologize, I'll check the code. I DM'd you."

DM: Total meltdown cry baby freak-out... "Oh yeah... well, if the code is broken - then why does my repo have 63 stars? I think I'd know if my code didn't work - it must be your computer. Why won't you let me team-viewer into your computer and see your screen? I don't care about your personal information. It's made with React, not CSS. I thought you would be helpful - but you're not at all. You aren't professional..."

Uh... (I can see the code... team-viewer isn't going to help you... and I'm at work... and I already spent 15 minutes helping you - you fucking prick)

I started accidentally. My (first) boss asked me if I knew MS Access. I bluff and said yes, of course.
Then one time I needed a somewhat more advanced macro and started with VBA. My addiction began to grow.

After that I discovered VB.NET
Began programming with AutoCAD. Switched to C#.
Did some HTML CSS JS on the way.
No I'm a C# AutoCAD developer.

All of this started with a little bluff 8years ago

CSS quick maffs:

Using viewport units to define font size but sometimes it's too small?

Instead of font-size: 10vw;

use font-size: calc(10vw + 20px);

This will make sure that font size is AT LEAST 20 px no matter the viewport width. Treat the resulting font size like a function of viewport width and feel free to experiment with it. With calc in that case you can achieve the best typeface responsiveness possible.

I hate JS...
I hate CSS...

What can be worse ? ...

*guy at work* : hey what do you think about CSS in JS, should we try it for our codebase ?
*other* : yeah why not ?
Me : *make a gun with my fingers, gently putting it in my mouth, remember all good things in life, no regrets* *gun noise*

Kidding, I love javascript.
But I seriously hate CSS and UX stuff.

Gave the marketing team access to JIRA and gave them permissions to create tickets. Don’t know if that was a management’s design or what. Tickets were poorly written and I had to make frequent follow ups to figure out what the heck was actually being requested. I did get accused of “questioning the request” at least once. It was a big WTF because I think marketing thought they managed dev team but they didn’t.

Marketing also didn’t give a damn about agile processes despite being told some simple rules, such as don’t change your ticket details after a dev has already begun work on it. I would pick up a ticket thinking it’s just html and css updates, then it would change to include an api update. No no no. You’ve just turned a 1 day ticket into a 1 week ticket. I don’t have time for these shenanigans.

I would also submit tickets for code review and marketing would say it’s not ready for review. Then why was that ticket in the to do column for the past two days?! They couldn’t make a decision and would submit revisions every single day.

And they would think devs could do everything. No, never assume the front end dev can pick up back end tasks.

No one on dev team really cared because we were all looking for new jobs anyway. The company was planning to lay us off in a year. Every month a dev gave notice and left.

Fuck web development - especially CSS. Actually only CSS.

Love Js/Ts, Vue, React (NextJs ftw) and especially thank you to SCSS for making things easier.

But CSS is my most detested LaNgUagE now.

After I finish these 2 projects, I’m not doing CSS anymore. Minimal touches, sure, but no more positioning.

Maybe that’s why I like Flutter, no hassles yet.

What kind of developer are you and what is your opinion on other development areas?

Me: Junior dev, oriented towards full stack and Android(with a sysadmin background):

-Low-level(kernel development, embedded, drivers, operating systems, reverse engineers)- Badass, I wish I could do that.

-Mobile apps- awesome but too high level sometimes.

-Full stack/Backend- awesome.

-Web Frontend- fuck HTML+CSS. JS is cool I guess.

-Enterprise applications(e.g SAP) Pajeet, my son.

-Malware development- Holy shit that is awesome.

-Video Game development- was my dream since childhood.

-Desktop apps- No opinion.

Stopid mf fat fingers, worked 2 weeks building a design system and 2 hours ago I accidentally shift deleted the scss folder and lost every fcking file, no git, no backup, no nada,guess what, tried to recover the files with 2 Permanently deleted file recovery softwares and from fcking 20 files, 17 were corrupted and weren’t readable, I and my designer friend use a folder sync app, the fcking app synced the delete and she lost the files aswell, fooockiinggg shieeeet, to my don’t know how where luck I managed to recover the copiled javascript chunck from my vue app that had the css styles embeded in the file, you know where I found the js file? iN ThE fcking cache of google chrome. Today I almost broke down to tears, but nonetheless it was a reeee moment for me.

Y'all, are internships in your area paid, unpaid or u need to pay to get one?

Our uni made internships mandatory! being from one of the country which produces largest number of engineers per year. Every godamn student from our uni is running around to get an internship! And there arises these dick heads with so called made up startups which has never done a godamn single project, just legally registered before the dawn and puts up advertisements for internship trainings!! All our uni needs is a fucking certificate from a technical company which is legally registered. And these assholes provide internship to those who pay them hella amount, and attend there couple of days just to get the certificate!! No developers! Just some random guy talking about html and css! Now thats Internship!

Fucking shit! Making money by looting students in their hard times! Students get the certificate that satisfies the uni, but for fucks sake at least bring an expert to guide them! No!! Need to stand up against this shit!

Today I was working on an issue related to adding icons to external links. I'm no CSS ninja, I never claimed to be. Somehow I wrote some really nice CSS that works well cross-browser. Now I'm scared they're gonna think I'm good at CSS.

Me: "Hmm. I should center this image."

img {
align-self: center;
}

CSS: "LOL, no. Intuitively, as a first logical guess at forgotten CSS syntax, that seems like what you ought to type. But this world makes no sense and my creator was a sadist. Here's what you actually need to do."

img {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
float: none;
}

After 3 interviews with test:
"Ok very good, I see you are good with JavaScript, Php, MySQL and some frameworks, it's exactly what we need because we use only on the edge technologies and we do very cool products."
"Thanks, so what about the first app?"
"App? oh no eheh, now you must manage our 12 wordpress sites and edit the CSS!"
"Very good, so while I see you all goin to fuck monkeys I with to you a nice day"

STUPID STYLESHEETS!

I've got styles in index.php and styles in style.css. When I move the styles in index.php over to style.css THE WHOLE SITE BREAKS!?!?!?

ALL I DID WAS MOVE THEM! NO OTHER CHANGES!!!

I REALLY HATE CSS.

when I saw that the new devrant web uses css-vars, I had to fuck with it and try it in IE :D

It's official, the "front end dev" doesn't know how to code.
Why.
And it's not a "Well I don't know JS because I use React." scenario, no. He has almost no idea of coding.
What was he thinking trying to build the front end of a very complex app with just HTML, CSS and stupid copied and pasted snippets?

Fuck jQuery. The only reason I see anyone using it legitemately is because of backwards compatibility. Almost every jq method is either native js or native css. The problem is, some devs become practically dependent on a library. By then, they are no longer js devs. They are jQuery devs. When you find yourself going to the docs of a lib before native methods 9 times out of 10 you've gone past the turning point. When you find yourself including jQuery instinctively, you're gone. StackOverflow is a great example of this:

Question - 1 up
Pure JS answer - 0 ups
jQuery answer (same length) - 2 ups and accepted

Come on man. It's 2018! We shouldn't be writing jQuery anymore. Native methods ftw!

I've met a potential client who has a popular website, but it was last designed in...get this...1995. The design literally has not been updated since then, except to update content via Dreamweaver. DREAMWEAVER! Sure, it runs fast in terms of page speed. But it's using tables for layout, has no CSS, and tags that have been deprecated for over 15 years now. And, of course, it's hosted on GoDaddy. Just...wow.

My No.1 interview question for UX developers:

What are the CSS default text and background colours?

The correct answer is: "undefined-on-undefined".

If your 1st thought was "black-on-white", you're the reason we can't have nice things.

well a 🖕🏼 to everybody who thinks CSS isn't really "coding". Stop shaming CSS and people who love it because the moment you would be asked a simple alignment problem, you'll shit your pants.

No! not because it's a hard thing to do in CSS(there are tons of ways to do it.) but because you are ignorant and have prejudice.

🖕🏼 you again!

Me: We have a style problem.

SM: No problem! I can solve it with JavaScript. I just need to manage the DOM in the Angular Controller :D

Me: Really? I found the solution with just 1 CSS line.

"Can you review this pull request?"

Ok, sure

- Description in broken English
- HTML/CSS changes seemingly just for the fuck of it
- No user story listed OR
- User story listed has no description
- Mockup does not specify what should be changed
- Owner is offline because this entire team operates out of India
- Requirements said to exist but their location is unknown

OK so... project I've been working on! It's a virtual processor that runs in the browser coded in JavaScript. OK so I know, I know, you must be thinking, "this is crazy!" "Why would she do this?!?!" and I understand that.

The idea of Tangible is is to see if I can get any tangible performance over JavaScript. I've posted a poorly drawn diagram below showing how tangible works.

The goal for tangible is to not use html, javascript, or CSS. Instead, you would use, say for instance, c++ and write your web page in that, then you compile it using my clang plugins and out pops your bytecode for Tangible. No more CSS, no more html, and no more javascript. Instead everything from a textbox to a video on your web page is an object, each object can be placed into a container, each container follows specific flag rules like: centerHorizontal or centerVertical.

Added to all of this you get the optimization of the llvm optimizer.

Working on my website. Ranting on positioning my background which uses CSS perspective and translateZ to move slowly when someone scrolls.

Can't figure out a way to make it not overflow the whole document for almost 3 days.

Out of frustration changed the position to fixed.

And the problem was gone :( :D :(

I have no idea if I should cry or laugh loudly

Why do clients always try to use our lingo? They sound stupid. I read a post yesterday that said "no coding necessary. Just HTML and CSS" . Um. What? I also have a client that always tells me "I just need you to make some updates to the CSS with programming" . 😐🔫

Interesting, the website looks super sexy but it doesn't use any css?

what the fuck is wrong with boomer professors ?? I enrolled in a front-end development elective at my uni in hopes to just brush up on some little things I may have missed on my self taught education.

this class has been an absolute tragedy. he spends about 1 hr each class trying to figure out how to configure docker... FOR A PROJECT THAT IS JUST BARE HTML CSS JS. WHY??? he is so adamant that we use DOCKER for this class. I don't understand why.

most of the students are BRAND NEW to front end development and know Jack shit. and here this professor is insisting on nuancing the class with docker. it makes absolutely no sense.

My colleague has spent 3 days writing a responsive menu that has 5 items in it with no nesting that needs to move to a sidebar on mobiles.

I think that should be maximum 30 lines html and max 40 lines css. Or at least around that sort of area.

He has 150 lines html, 200 lines css, and is not even finished yet. He also made 2 entirely different menus for different screen sizes instead of using media queries...

The reasoning from all my colleagues is that its because the menu needs to use css grid (it doesn't they just randomly decided we can't use flex, float or online).

Working with people that give reasons for their garbage code that literally makes no sense every day gives me a headache....

Our project at work goes live in 3 weeks.

The code base has no automated tests, breaks very often, has never had any level of manual testing

will not be releasing with any form of enforced roles or permissions in our first release now due to no time to enforce, however there is a whole admin api where you can literally change anything in our database including roles.

We also have teams in various countries all working separately on the same solution using microservices with shared nuget packages and they aren't using them properly.

Our pull requests are so big - as much as, 75 file changes - in our fe app that I can't keep up with it and I honestly have no idea if it even works or not due to no automated tests and no time to manually test.

We have no testing team, or qa team of any sort.

Every request into the system has to hit a minimum of 3 different databases via 3 different microservices so 1 request = 4 requests with the load on the servers.

We don't use any file streams so everything is just shoved in the buffer on the server.

Most of the people working on the angular apps cba to learn angular, no one across 2 teams cba to learn git. We use git so they constantly face problems. The guy in charge has 0 experience in angular but makes me do things how he wants architecturally so half the patterns make no sense.

No one looks at the pull requests, they just click approve so they may as well push directly to master.

Unfinished work gets put in for pull request so we don't know if the app is in a release state since aall teams are working independently, but on the same code base.

I sat down and tested the app myself for an hour and found 25 fe only issues, and 5 breaking cross browser issues.

Most of our databases are not normalised. Most of our databases make no sense. 99% of our tables have no indexing since there is no expertise with free time to do it.

No one there understands css properly. Or javascript.

Our. Net core microservices all directly use ef in the controller actions so there is no shared code there.

Our customer facing fe app is not dry because no tests so it was decided it was better this way.

Management has no idea on code state, it seems team lead is lieing to them about things like having any level of tests.

Management hire devs that claim to be experts but then it turns out they have basically no knowledge of what they were hired to do, even don't know what json is or the framework or language they are hired for, but we just leave them to get on with it and again make prs too big to review.

Honestly I have no hope that this will go well now but I am morbidly curious to watch. I've never seen anything like the train wreck that we are about to get experience.

This is a true story. We had this subject, called “Web Design” (really, “design”), where we studied HTML, CSS, JavaScript, PHP and MySQL (confusing, right?). And when we get the PHP (e-)book, it was this old PDF (probably downloaded illegally) teaching the legacy 4.0 version of PHP. Anyway, when we had to develop the final project, the sane professor allowed us to use a newer version of PHP — 5.2, released on 2008. I had to follow the rules, so I developed probably the less secure web application I will ever develop. That means no protection from SQL injection, XSS vulnerable and a bunch of other security holes… And that’s how they liked it developed!

"So, coder huh. What languages do you use? HTML, CSS, JavaScript? That type of stuff?"

"No. I use React. You see... with hooks... "

"Well, can you change some of the CSS on my website for me?"

"Is it React?"

These were back in highschool and I was around 13 or 14, and no one taught me any html and have to figure it out myself by reading scarce references:

*When I started to try configuring my Friendster profiles with CSS ;
*when I successfully made cute sites for me and my friends in Geocities with personalized free domain names;
*Oh, i made little pages on local for my favorite bands;
*and, when I experienced computing shit at DOS level

Those are little things that drove me into learning indepth programming.

Going through site after senior dev asked front end dev to go through it and tweak it for design and better responsiveness(he and I are back end oriented and have no design skillz).

Things are breaking visually on almost all devices.

Client sends an email saying it suddenly looks terrible on mobile and wants to know what happened. I let him know we were actively working on things and it should be good in a few minutes.

Looking over CSS...there are "!important" tags EVERYWHERE, media queries are in the wrong order and have "!important" attached to almost everything so the largest screen size settings win.

Why do I even bother?

guess what i learned today?

i have no creativity whatsoever.
or at least in a design sense.

i bought a website my first website a few weeks ago and the main page looks, well, barfable.

orange on blue? i have no where near enough css experience to pull that off. i ended up trying to make it like a linux distro (zorin os), which is neon blue on black.

i asked for advice on the ux stackechange network, and of course, two people with a low reputation both answered, and of course of course, both their answers contradicted each other.

welp, fuck me.

A simple poll

Let's say there is a program or whatever sort of thing that does the exact same thing except the gui...

1. A shitty gui with default buttons, etc but with ok paddings and margins so that it is a bit usable (if it is a web app, no css) -- 5MB

2. A super cool 1337 h4X0R looking gui with awesome animations -- 100MB

What is your choice?

Post on Craigslist: Need simple website. No coding, HTML and CSS only. Send price and examples.
Me: I need you to answer 4 questions before I can send a price.
Them: I really like your work, but if you cant give me a price without me answering any questions then you arent a good fit.

Yeah.... I feel for the guy that picks this one up.

CSS, why you no load.

Dear boss, please give me a more challenging project. I am sick and tired of editing someone else’s HTML and CSS which doesn’t even go through a build process and the JS is basically Jquery. It would be better if no one else can get into my codebase and the project has no relations or anywhere near our flagship product. Please involve some sysadmin tasks that I really want to learn. For front end I want to use React , boss. Or at least ES(6)=>. NodeJS would be nice too but I’m not fussy with the backend language. Even PHP would do. Please give me a genuine problem to solve, anything mathematical, machine learning would be awesome! 🙏🏻🙏🏻🙏🏻

It was when I saw that he was writing CSS in one huge file (couple of thousands of lines)
And I needed to change one thing (ctrl+f it) and saw it was copied and pasted 4 times ..

And no, not just the CSS properties, the whole thing including class/id selectors...

I've been working with HTML/CSS for my whole adult life and yet I still sometimes get surprised by how margin collapsing works. No, the section below does not have any negative margins. The world is just an unending mystery.

Designers use plugin in WP to modify UI. CSS and JS is saved (somewhere?) in database. No version control. Changes are made across different envs at the same time and all need to be migrates to prod later.

Pls

I use WordPress for my clients. No prob there. I hate it when I use someone else's paid theme and I have to beat my head against the CSS because they've used a lot of #id and !Important in the main css file.

Makes a child theme almost useless.

Just learned display css properties. Took me long enough to make a damned HTML template.

Me no likes front end :(

>uni project
>6 people in group
>3 devs (including me)
I am in charge of electronics and software to control it as well as the application that will use them.

2 other "devs" in charge of a simple website.
Literally, static pages, a login/registration, and a dump of data when users are logged in.

Took on writing the api for the data as well, since I didn't fully trust the other 2.

Finished api, soldered all electronics, 3d printed models.

Check on the website.

Ugly af, badly written html and css.
No function working yet.

Project is due next week Thursday.

Guess who's not having a weekend and gonna be pulling 2 all nighters

Look, I worked in companies that didnt givr a single f about security, and it wasn't right, but others go are just mad.

Me to itsec: can I deploy Django behind the company firewall on a machine physically 2 meters from you, users will still need the VPN to access it... ?

Itsec: no!

Me: flask?

Itsec: no!

Me: shiny?

Itsec: no!

Me: CAN I EVEN HOST ONE HTML FILE WITH INLINE CSS?

itsec: can I see your badge?!

Usually my workplace is pretty chill, but today something rantworthy happened!

During code review, I found this guy had styled each element inside his components using nth-child selectors. For instance, in a card the heading was styled by nth-child(1), the text was styled by nth-child(2) and so on... No use of actual fucking classnames.

When I pointed this out, he told me it was actually the better way of doing things because classnames increase the size of the HTML document!

He also claimed proudly that nth-child() is more efficient in performance (idk - anybody can confirm this?)

I'm the only "css guy" there so nobody could second my views. Posting it here so that I can show this to him tomorrow by demonstrating what opinion other css devs have on this and prove my concerns / convince him to change his code.

I hate Sass.

When installing all NPM dependencies with npm i, it's always quick, but not with sass. Ooooh myy goood. It starts compiling. It always misses something. Your node version is always not what sass needs. It pulls out gyp which requires some native shit. The build is never reproducible, it always fails with some horrible two mile long poorly-formatted stacktrace that is just gibberish.

More than that, sass is just poorly designed tool used by frontend fuckboys to write imperative, nonstandard, non-maintainable styles. If you know shit about css, you don't need sass.

I'm so happy it's going to die along with gulp. Webpack and css modules are here.

Yes, css-in-js that has a runtime penalty is also shit. If you like its syntax but dislike everything else, use Linaria. It has no runtime penalty and looks just like other css-in-js solutions.

Working with a japanese website, and they always come up with thoundsand of different styles, there is no systematic at all. Feel like they just "freestyle" on photoshop to create a design, then I had to make HTML/CSS from it. OMG

I had to use XSS (cross site scripting) and tag injection to change one tiny CSS property on a bug tracker site where I have no actual file access and can only add custom footer text. Why not just give me file access, or at least some way to customise the CSS, you stupid thing!

I'm trying out blazor at the moment, building a couple of prototypes. I really need to brush up on my html/css for the view stuff, and of course there are a few gotchas. But other than that, I really think Microsoft has nailed browser apps with this!
Client side, server side, a mix of both, runs in all major browsers + as PWA or Electron.
Wow.
All logic and view manipulation in C#, no JS. And the performance is great.
Just.
Wow.

"Web" Teacher wanted us to learn horribly outdated html in the middle of web2.0 wave.

HTML5 ? CSS3 ? nope.
No CSS at all, and longest part of the class was on the importance of prehistoric HTML doctypes.

Capitalized tags, tables, BGCOLOR attributes...

Like she scrapped everything on W3schools...

Does anybudy still use Adobe Animate/Flash for web animations?

They teach it at my school and at the moment I see no reason to use it. I'm probaly faster writing it by hand in CSS / JS, and it will run smoother that the animate files...

We just got a new web dev with 10+ years experience with the goal of helping out our rather inexperienced small team.

His first PR was for a rather large form with 30+ fields.

He. used. a. <table/>......To layout the entire thing! With inline floats no less!

How the f do you spend the last 10 years not bothering to pickup any modern css?

I like webpack, but maybe not anymore after today.

Was working on my side project with already configured webpack and after some time I realised somethong is wrong with my styles, but it was not before.

Then I realised, that Chrome won't load CSS at all. I checked my source, but it seems to be perfectly fine. No errors while building. CSS is even included in the bundle generated...WHAT THE FUCK?

Building a website using Wordpress and Visual Composer for a client is pretty easy, right?!

Until the clients wants to change one of the icons to sofa “you can’t use image, and visual composer has a list of only 5 icon libraries and none of them has a fucking sofa icon”.

Manager says just do it today!
Ok no problem.. just had to figure how visual composer communicate with the libraries to show them in the module area, edit the function, create the font/svg files for the new icon, edit the css file of one of the libraries to add the icon. And boom its working fine!

No tutorial about this stuff so had to figure it out by reading the code and see how they did it so I can do it.

After finishing this, they just gave me few more changes as I have done nothing.

Thank you

What the FUCK is wrong with people!!!??
If you need to use !important in your CSS.... STOP and just don't.

It should be very clear that if the need arises to use !important then you are either really shit at CSS and don't understand the concept or you are a lazy mother fucker.

I'm so fucking sick of dealing with other so called "developers" shit code and have to spend time I don't have fixing their shit.

There is absolutely no reason to use
!important and to anyone that thinks to be a smartarse and let me know of their shit reasons... just don't because there aren't any.

To whoever builds electron boilerplates.

STOP ADDING FUCKING JQUERRY AND WEBPACK TO THIS SHIT, I DONT EVEN USE YOUR BULLSHIT BUT OTHERS DO AND THATS WHY SO MANY ELECTRON APPS SUCK. WHO IN THEIR RIGHT MIND THINKS THAT THIS MADE SENSE PUT YOUR CSS LOADER ANAL PLUG IN TO YOUR ANUS AND BUNDLE THEM TO YOUR SINGLUAR BDSM.JS WITH BROWSER BACKFALLS AND BETTER MAKE SURE TO WHIPE YOUR DIRTY SHITFACE WITH A FULL BLOW CSS RESET BETTER MAKE SURE THERE IS NO ACCIDENTAL MOZILLA STYLE IN YOUR CHROME.

The most tedious thing known to man is rewriting your css for mobile after you just spend 3 hours perfecting it for landscape devices

Holy shit I had no idea we can use content: attr() in pseudo elements in css! It's a whole new world baby!

A friend of mine wants to start learn HTML/CSS/JS and ask me where to start.
Since I started to write them more than 10 years ago, I have no clue where to start, what good ressources are today and so on.

Therefore: what would you recommend, I recommend her?

Working in my first "modern" website, a personal blog. Holy fscking crap does this shit suck. Layout and CSS etc is basically a trial and error gig at best. There is no rhyme or reason. Why?!?!

Newer Dev here. Just recently started in a position as a developer. I'm tasked with consolidating our monitoring systems into one cohesive display. After lumping together all the indexes and helping build a custom API I'm now working on front end. Front end is easy, I've done it before. Should be no problem. I was wrong. I spent a whole day fiddling with a React dynamic table and the CSS to format it. Today, I stumble upon the react-table component. Got the results I was looking for in less than 2 hours. I'm convinced that this was a lesson better learned early on.

Tailwind css is great bc i have no idea how normal css works

My favorite thing about CSS flex-box is that I can re-order the elements and put the footer at the top of the page while I style it - and have no need to scroll down on every build. order: -1

You told me “my dick is small, but your dick is smaller”. Little did you knew that in CSS, “smaller” is bigger than “small”.

With that attitude, there is no way you can achieve float: center. May the position: absolute be with you, for the rest of your life.

I’m convinced that CSS is black magic and those that can visualize what it’s going to do before changing code are witches/warlocks.

Usually my attempts end up in humor as the website ends up /comically/ broken. Elements shifted around to not anywhere near they belong, drop downs appearing from completely nonsensical places...

No idea how you all do it.

Our new project is a responsive mobile-first web system coded with HTML, CSS, jQuery and AJAX that connects to MySQL, but the main tasks runs trough a huge application written in Visual FoxPro, per client request...the web version could manage the whole business but no, it has to be Fox.
Oh, and it's the version 6, not even using the latest version 9 with all it's "improvements". What are we, back to the past milleniun?

No, this is definitely not how to use CSS selectors

I don't consider myself a guru in JavaScript (hell I studied theoretical chemistry), but I do hate much of the rationalization behind building a Jenga stack of libraries, frameworks, dependencies... for building everything web related.

Many of the problems I see people solving with these giant stacks could be easily solved understanding how websites work (html, css, js and how interact with each other) with no dependencies giving smaller (for end users at least) and more maintainable code (in the sense it would not require updating dependencies that may be discontinued...)

I do imagine situations where these are ideal... Since there are not absolutes and developing is very context sensitive, but man if I have js article fatigue for ridiculous scenarios.

Someone once told me our bachelor's thesis would be the most frustrating thing we've ever done. However, its really been wonderful because we can do whatever the fuck we want, meaning:

NO MORE FUCKING INLINE JS
NO MORE FUCING INLINE CSS
NO MORE FUCKING CANCEROUS CSS STYLESHEETS
NO MORE FUCKING PROCEDURAL PHP
NO MORE FUCKING XSLT
NO MORE FUCKING INLINE SQL

Absolutely wonderful.

So I go into Google Search Console to try to determine why its saying pages are not compliant with mobile and whatnot.

3 hours later I come out realizing that what Google REALLY wants is for everyone to build every web page as static HTML with no script tags and never a call to an external website. Just dump all that javascript and css and HTML into one BIG FRIGGIN FILE so our crawler feels satisfied that it's loading everything all in one request.

No CMSes allowed unless GOOGLE built it.

Let's just all revert to HTML 1.0 and be done with it.

Man why is it that the languages that I like get shit on by like 90% of developers. Whiney little cunts that get mad at css because they think "oh I can just inline style and it'll be fine" No wonder your X looks like fucking roadkill. And I fucking love python. Maybe if the Oracle overlord didn't have a goddamn chokehold on ever major hardware manufacturer python would be more prominent.

When I first discovered that frameworks for web apps existed. No longer will writing websites in raw html, css, js, be an eternal labor

Me: *opens devTools*
Firefox: yea bro lemme just ..uh.. hmm yeah so this is the css for the element, see?
Me: Thanks.
Me:
Me: this makes no sense, why would I ever do that?
Firefox: also you can't have width on an anchor tag. I can't put that rule into effect
Me: I didn't put any width on your inline element, you sure about that?
Firefox: yea try using display: inline-block
Me: No. I'll just delete that. *checks file*
Me: Maybe that line is wrong because IT DOES NOT FUCKING EXIST!

What is this shit? I just restarted you! What else do you need, a reinstall? Drink too much over the holidays?

It's like the css editor has become a shallow tray with rules on it, and as soon as you bump it a little everything spills over and then Firefox just thinks oops, I've got this font-size: 200% lying around, lemme stick this into the hr tag which makes sense because THERE CAN'T BE ANY TEXT IN IT.

Pretty late for week 86, but I just remembered my first paid freelancing web dev work.

While not my worst experience, it was a pretty horrible task given to me...

I was helping someone implement a new design on a pretty outdated (visually and technically) PHP site.

I was getting paid crap. The guy wouldn’t even let me look at the HTML, let alone touch it, so definitely no PHP work, either...

Literally the only code I was allowed to write was CSS. So, I’m supposed to be restyling, but I can’t change the structure at all, or even ADD CSS SELECTORS.

Fine, I’ll just make your site fragile as fuck by using nested relative selectors.

#main:nth-child(3) > div > div > div > button

As if that wasn’t bad enough, there were some pages...I shit you not...that had A DOZEN LEVELS OF NESTED TABLES.

WHY. DEAR GOD WHY.

For a simple checkout page.

So, on some pages I was literally trying to access elements through relative selectors, nested within levels and levels of tables. FFS

Needless to say, I did not work for him for long. Even if I wanted to deal with that crap, my time is much more valuable than what I was being paid.

I started a new project and only use PHP, HTML, CSS and vanilla JS. No Frameworks. No React. No Vue.

The browser loads the page instantly, there is virtually no loading time and it just works.

Most Devs I've met have been rational, so I'm fortunate enough to not have had a fight with a dev.

There was, however, one guy. Had to collaborate with him on a web app. I would fight with him almost everyday to not use deprecated tags, use proper CSS, not hack something together because it just works and the list goes on too long.

But I never succeeded in convincing him. Learnt that no matter how much you try, you cannot convince someone stupid

Just came across a site with TERRIBLE CSS and some sort of event handling to block the user from accessing the dev tools.
So in my Chrome, no F12 and no Ctrl+Shift+I.

Well, guess what. The Tools menu in the title bar also contains a link to Developer Tools.

Me: 1 Them: 0

CSS is magic.
CSS is a katana blade.
CSS is a tiny bristle scratching Gorilla Glass Victus. It shouldn't exist, yet it does.
CSS is a plastic-based sticker that you peel off, and it leaves no residue behind.
CSS is a summer breeze of 2004 that you felt while riding longboards with your girlfriend.
CSS is plugging a '86 Les Paul into a Marshall JCM800 and switching to a dirty channel.
CSS is diving into a freshly made bed after an evening shower.
CSS is getting your winter coat and finding a hundred dollar bill in the pocket.
CSS is the front right burner.
CSS is stomping onto a Big Muff pedal before you do solo.
CSS is David Gilmour inviting you for lunch.
CSS is cracking open a cold bottle of Perrier.
CSS is falling asleep in the attic hugging your loved one and watching the stars.
CSS is a glass of just below the room temperature cold pressed orange juice after you run 5k.
CSS is stepping on a scale and seeing yet another pound of body weight gone.
CSS is a supportive, beautiful person saying they love you just after you escaped an abusive relationship.
CSS is putting on your cold white gold Rolex in the Friday afternoon before meeting with friends at the bar.
CSS is discovering your old Sansa Clip+ and booting RockBox.
CSS is giving cunnilingus to Mary Elizabeth Winstead.
CSS is finally feeling empathy to another person after two years of therapy and realizing you're alive.
CSS saying "unleaded" after you pull up to the gas station in your vintage 911.
CSS is your ex-boss apologizing to you after they hit the rock bottom.
CSS is smelling her hair in the back seat of a Maybach taxi.
CSS is giving presents to your grandparents.
CSS is hitting bong while watching Home Alone with your friends after New Year's Eve.
CSS is getting a new job that pays 3x your old one and removing your old job's Jira bookmark from a bookmarks bar.

Updated my personal site to use bulma CSS framework last night. Pushed it all up, then realised github pages doesn't do npm install before it builds the site. So there was no CSS for a bit.

The only way around was to commit node modules folder to git repo. Feels wrong but better than having no CSS.

I guess that's what happens when you use a free service 😁

I've been BSing my skillset for so long to myself, it's a veritable toolbox of mixed knowledge but no complete sets...

I wonder if it's too late for me to catch up or if I will ever actually complete any learning...

I am yet to finish learning

Html
CSS
PHP
Ruby
C#
ASM I can do i386 but not x86
VB
Pascal if you can believe
C
C++
Java
JS
Python
Powershell
Bash

My main skill is basically just remembering anything I do, including code syntax and example code fragments well enough to quote at people which makes me a lazy learner.

10 years ago my bosses came to me: Make a few adjustments to the logic of this website. Should be a quick thing they said. Got a zip file later. Hundreds of php files. Inside, thousands of lines of the best PHP/HTML Spaghetti I've ever seen. No CSS though, but lots of nested table layouts. The best part: everything was in french, content, comments, varnames. The original dev didn't use includes for the most repetitive stuff, even db credentials were copied in every file. Took me a week.

Two weeks later: Change that and that please....

We decided to write everything from scratch then.

Got a job as a fresher, had no idea what work I'll have to do.

Was given the task to fix some bugs that had creeped in due to update of some UI framework.

Having absolute no idea of front end, I started the task.

Have spent the entire last week looking through CSS, HTML, Javascript.

Have come to the decision of quitting the job.

Life is too short to be lived this way.

I've got an offer from college development team to make a school website with them.
I've no idea of web dev except HTML, CSS, basic js and PHP.
Should I get in?

The day I understand how CSS works will be a lifetime achievement...!!!
Having hard time when you have to design and develop a website at a time... I just hate designing... (No offense.. personal opinion)

Did not understand why people posted so much on here till I had to argue with my "partner" product manager that SVG icons are better than pure CSS icons, and yes there is such thing as animated SVG, and no I'm not a designer to create fancy icons for you just because they "are actually code" you twat

Conspiracy theory:
There is no parent CSS selector because Google effectively controls web standards, and if that existed then it would be extremely easy to hide ads, ruining their business model. Do you a-- help help they've got me hehgxh dry jvcgk cc d

My worst experience has actually been trying to fix someone else's code. One of my friends is in a graphic design class, and right now they have to do a basic site in DreamWeaver (a small nightmare on its own, I've found that the previews they show are never quite correct). I decided I'd at least pop in to help out a bit, cause they kinda have no clue what they're doing. They are graphic design students, NOT developers, and it's very easy to see that.

One of the first things I noticed was EXTREMELY unorganized code, but that's forgivable. But...I once saw probably 5 </body> tags in someone's code, a JavaScript function inside of the <body> tag, and a bunch of CSS statements in the <script> tag that they had one if the JS functions in.

I remember seeing this stuff, and I thought "what the actual fuck?". The dude was like "yeah it's unorganized as hell, I know"

...That's not the problem. CSS goes in either a <style> tag or a separate file (THEY HAD A SEPARATE CSS FILE). JAVASCRIPT GOES IN A <script> TAG OR A SEPARATE FILE

But, I get it. They're graphic design students. They can outdo me in probably everything in the Adobe suite (except DW as I learned). I once watched a girl in there do a project in Illustrator. I had no fucking clue what was going on. And when I was talking to her about it, she said "that's what I was thinking when we were watching you fix our code"

Kinda got a little sidetracked there. Basically, worst experience is non developers writing code for an assignment.

Included a widget on a website (JS that adds its own code in a division, like Facebook like boxes). The script added its own CSS file that overwrites bootstrap classes, with !important and at the very end on the <head>. Even worse is that there's no alternative, its a widget from a government association and there's no API. And of course, the client insisted to have it so I had to rewrite some part to use custom classes instead of bootstrap's.

No matter how much fancy stuff you use, next flashy framework to abuse, or whatever shitty js you produce
css will haunt you ...
and fuck you. horribly.

I was designing and building a portfolio page for a photographer. He mostly does black & white portraits with either a white or black background so I had the idea of splitting the page into a light and dark side (Star Wars joke definitely intentional).
I worked waaay too long on a *diagonal* CSS wipe animation when the user switches sides and I was quite proud of it.
Half a year later we realize that basically no one has noticed the switch button. Analytics confirmed it was less than 4% of visitors. 🤦‍♂️

Working with Vagrant be like:
Oh I see you've added new features all over the project files, all good, I'll sync that to the virtual folders. Oh now you've added a line to the css, would be a shame if I stop syncing now for no apparent reason and let you go insane figuring out why the minor change won't show

lol my life is a joke
E: I've found it in css of a project I work on after some well paid consultant. And no, it was not temporary.

At a "guided internship".

Task: Develop a complete web application form

Was assigned to a team of 7 where all are "Frontend Developers" who have never heard terms like "bootstrap" or "mobile-first web pages".
That aside, all are seniors in age and qualifications, hence me telling them something to do is "ordering them around". And if I tell them to leave things to me, they be like "No, we wanna contribute and do the Frontend, as these things don't matter, inline css just works fine". 🤷🏻‍♂️🤷🏻‍♂️🤷🏻‍♂️🤷🏻‍♂️🤷🏻‍♂️

Why Lord? Just why?

I'm living it.
I started an internship at this web store made of different pieces and following no apparent rule or convention. They asked me to do this landing page, but I can't access to the development environment, nor push, create a docker, kill myself, nothing. I have to build from the DOM and write with inline style a page copied and pasted, with 300 lines of CSS already in the tpl, overwritten bootstrap 3 and two main CSS files linked. And "they don't do !important".
I wish I could say I'm learning a lot, but not. My life has become a waste of hours trying to please a company stuck and aged.