WELL FUCK YOU TOO!

Haven’t been on here for ages, but I felt like I needed to post this:

Warning:
This is long, and it might make you cry.

Backstory:
A couple of months back I worked for a completely clueless dude who had somehow landed a contract for a new website for a huge company. After a while he realised that he was incapable of completing the assignment. He then hired me as a subcontractor and I deleted literally everything he had done and started from scratch. He had over promised and under explained what needed to be done to me. It took many sleepless nights to get this finished with all the amendments and I had to double my pricing because he kept changing the brief.

Even after doubling my prices I still put in way too many hours of work. At one point I had enough and just ghosted the guy as I had done what he asked, and when he submitted it to them they wanted changes. He couldn’t make the changes, so I had to. He wouldn’t pay me extra though. I decided it wasn’t worth my time.

A couple of days ago I heard from him again. He had found another subcontractor to finish the changes. He still needed a few things though, so he promised me that I would get paid after fixing those things. I looked at the few things he had listed in our KANBAN and thought it was a few easy tasks.. until I opened the project..

I had my computer set up to sync with his server because he wanted everything done live and in production. So I naturally thought I would just “sync down” everything that the other subcontractor had done.

Here is where the magic started to happen.. I started the sync and went to grab a glass of water, and it was still running when I came back. I looked at the log and saw a bunch of “node_module” files syncing - around 900 folders. Funny thing is; neither the site nor server has anything to do with node..

I disregarded this and downloaded the files in a more manual fashion to a new folder. Interestingly I could see that my SCSS folders had not been touched since I stopped working on the project.. interesting, I thought to myself..

Turns out, the other subcontractor had taken my rendered and minimised CSS file, prettified it and worked from there. This meant that the around ~1500 lines of SCSS neatly organised in around 20 files was suddenly turned into a monster of a single CSS file of no less than 17300 lines.

I tried to explain to the guy that the other subcontractor had fucked up, but he said that I should be able to fix it since I was the one that made it initially. I haven’t replied. My life is too short for this.

Me: Hmm, let's check what's the issue with this styles... Seems like nothing special...

*15 minutes later*

Me: Well, now that's just fine, now i'm closin' this one and commitin'...
Wait, what the...?

/* frontend-developer's day rubric. devrant edition */

That feeling...

Well. Here is the story.
Started making a React app a week ago with a friend; his job was styling some jsx i "already" wrote. hmmmm. and i just pulled his last commit.
file [index.scss]
3 lines:
body {
font-size: 16px;
}
😐😐😐😐😐

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.

The intern has directly editted the CSS file then push to the repo.
The senior optimized the old codebase and compiled the SCSS with gulp leading to the CSS file rebuild.

The vicious cycle continued until code review which was like 2 weeks later.

So today I wrote CSS using for loops and if statements in scss.

You could say I was programming in style...

I don't go to the doctor and tell him what tools to use. I was just told to delete the .scss files because they were taking up too much room and to put all partials and images at root instead of in descriptive folders.

Going through a new hire's code, CSS noobs be like...

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

Literally what I do 80% of the time at work.

I am the only one that:

Knows CSS properly
Knows SCSS
Understands how to set up a proper front end workflow
Etc
Etc
Fucking etc

I AM the css dude at work and I FUCKING HATE working with CSS, at the same time I take it upon myself to push through the projects because my team is shit at it and I would rather work with it than to have someone else do it and then fix their shitcode.

As a whole....i dislike design. Badly.

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

Dear coworker,

We have a very nice SASS setup so WHY THE FUCK ARE YOU POLLUTING OUR HTML WITH INLINE STYLES!?!?!? It's not like it's even necessary to use inline in this case, I can achieve the same thing by just moving your styling to the scss files. So I ask again, WHY THE FUCK???

Sincerely,
A mildly pissed person who hates front-end dev work

Outsourcing front-end for web is like playing russian roulette, but with 6 bullets in 6 chambers.
You shoot yourself in the balls (or ovaries)... HARD.

I don't know how you can develop in a complete nightmare of a SCSS file - 3500 lines of insanity.
This dev must have changed his mousewheel at least 50 times!
SERIOUSLY, why the fuck use SCSS when you piss everything into one single fucking file???
What drives me completely nuts is the fact that he even used an @import to include his custom.scss file... how many more IQ poins are needed to realize that you could SPLIT your spaghetti into smaller, sane files?

I need a whiskey...

When your team uses both scss & less in the same project

these backend devs,
please. dont touch the CSS.

you primitive animal. we use SCSS these days.
all of your changes will be overridden by us when we compile.

Me: Why did you exit the build?
Webpack (W): Build exited with code 2 - Eslint error at 2:1 in *filename*.scss 'Expected 2 line indent'
Me: internally *ARE YOU KIDDING ME?!?!?!? YOU FAILED OVER AN ESLINT STYLING!!!* *curses out original dev profusely under breath while fixing styling*

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.

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.

It really irks me when I see 'web developers' and 'front-end developers' write CSS like a bunch of first-timers. Not considering hierarchy, specificity or even following a proper naming convention (who the fuck mixes camel case AND lowercase for class names?!) It's worse when you already have Sass or SCSS and they still write their style rules WITHOUT PROPER NESTING or keep using !important like it was a goddamn semicolon.

This is fucking basic shit for a web or front-end developer, and God help you if I ever conduct your technical interview and decide to ask you on a whim to write an Angular app WITHOUT USING BULLSHIT SYSTEMS LIKE CLARITY, ANGULAR MATERIAL OR BOOTSTRAP for your UI. But if you can explain to me the pros and cons between using CSS grid and flex, I'll be fucking impressed.

I wish these 'UI experts' I keep encountering would learn to build an optimal static site without a fucking framework or build manager before doing advanced shit, for the love of Jeebus.

I have found the solution to my general distaste for frontend work:

Bourbon

You see, i generally dislike working on the frontend. Mostly due to it being what I do every week at work. But during my xmas break I decided to look more into some advanced css to get shit done in more effective and better architectured ways.

SCSS makes it somewhat better. But what really makes it awesome is the bourbon.

Yay for alcohol.

In my defense, I barely ever drink. A couple of glasses before a coding session serve me pretty good.

So here's my problem. I've been employed at my current company for the last 12 months (next week is my 1 year anniversary) and I've never been as miserable in a development job as this.

I feel so upset and depressed about working in this company that getting out of bed and into the car to come here is soul draining. I used to spend hours in the evenings studying ways to improve my code, and was insanely passionate about the product, but all of this has been exterminated due to the following reasons.

Here's my problems with this place:

1 - Come May 2019 I'm relocating to Edinburgh, Scotland and my current workplace would not allow remote working despite working here for the past year in an office on my own with little interaction with anyone else in the company.

2 - There is zero professionalism in terms of work here, with there being no testing, no planning, no market research of ideas for revenue generation – nothing. This makes life incredibly stressful. This has led to countless situations where product A was expected, but product B was delivered (which then failed to generate revenue) as well as a huge amount of development time being wasted.

3 - I can’t work in a business that lives paycheck to paycheck. I’ve never been somewhere where the salary payment had to be delayed due to someone not paying us on time. My last paycheck was 4 days late.

4 - The management style is far too aggressive and emotion driven for me to be able to express my opinions without some sort of backlash.

5 - My opinions are usually completely smashed down and ignored, and no apology is offered when it turns out that they’re 100% correct in the coming months.

6 - I am due a substantial pay rise due to the increase of my skills, increase of experience, and the time of being in the company, and I think if the business cannot afford to pay £8 per month for email signatures, then I know it cannot afford to give me a pay rise.

7 - Despite having continuously delivered successful web development projects/tasks which have increased revenue, I never receive any form of thanks or recognition. It makes me feel like I am not cared about in this business in the slightest.

8 - The business fails to see potential and growth of its employees, and instead criticises based on past behaviour. 'Josh' (fake name) is a fine example of this. He was always slated by 'Tom' and 'Jerry' as being worthless, and lazy. I trained him in 2 weeks to perform some basic web development tasks using HTML, CSS, Git and SCSS, and he immediately saw his value outside of this company and left achieving a 5k pay rise during. He now works in an environment where he is constantly challenged and has reviews with his line manager monthly to praise him on his excellent work and diverse set of skills. This is not rocket science. This is how you keep employees motivated and happy.

9 - People in the business with the least or zero technical understanding or experience seem to be endlessly defining technical deadlines. This will always result in things going wrong. Before our mobile app development agency agreed on the user stories, they spent DAYS going through the specification with their developers to ensure they’re not going to over promise and under deliver.

10 - The fact that the concept of ‘stealing data’ from someone else’s website by scraping it daily for the information is not something this company is afraid to do, only further bolsters the fact that I do not want to work in such an unethical, pathetic organisation.

11 - I've been told that the MD of the company heard me on the phone to an agency (as a developer, I get calls almost every week), and that if I do it again, that the MD apparently said he would dock my pay for the time that I’m on the phone. Are you serious?! In what world is it okay for the MD of a company to threaten to punish their employees for thinking about leaving?! Why not make an attempt at nurturing them and trying to find out why they’re upset, and try to retain the talent.

Now... I REALLY want to leave immediately. Hand my notice in and fly off. I'll have 4 weeks notice to find a new role, and I'll be on garden leave effective immediately, but it's scary knowing that I may not find a role.

My situation is difficult as I can't start a new role unless it's remote or a local short term contract because my moving situation in May, and as a Junior to Mid Level developer, this isn't the easiest thing to do on the planet.

I've got a few interviews lined up (one of which was a final interview which I completed on Friday) but its still scary knowing that I may not find a new role within 4 weeks.

Advice? Thoughts? Criticisms?

Love you DevRant <3

devil himself placed that # there

Damn, CSS Grid and Flex are fucking awesome!
I've been using both at least a year now and with a handful of SCSS mixins they have made the never-ending misery of front-end bearable.

Before I was forced to use Bootcrap floating grid and it was just a fucking mess and in some cases made JS hacks necessary.

Ad hiring in Iran:
we need a Backend developer who is expert in React, js, scss, and you should have at least 5 years experience in DevOps.
and priority with girls.

Client: The new page template you sent us looks different on production compared to the other pages that use the same component.

Me: Oh, that's strange since the styling is at the component level. Hmm, let me dig in to it.

Start poking around trying to figure out what I managed to screw up only to find that it looks exactly the same on local and staging. Eventually find another style sheet the client is importing on the production site to change some of the styles.

You know, a change that isn't anywhere to be found in the repo, and no one ever asked for anything to be changed. Their "Dev" decided he would hack in a fix instead of shooting me an email.

Apparently he tried changing the SCSS file but the changes weren't showing up. He changed the minified stylesheet but his changes were overwritten on the next deployment..... #howdoesSASSwork?!

Same client as my last rant so I'm not sure why I'm surprised by this. Oh well, I'll take that hourly rate.

Yay ...
No more !important in SCSS...
All colors pulled from variables...
Such code ... Very clean 😂

After doing crazy SCSS nesting for around 800 lines split between 8 partial imports, I just found out about the ampersand operator. Time to refactor I guess.

I love how NPM packages explain their options.

!rant
today at work i (frontend dev) had an argument about some scss mixins issues, with my boss (senior dev). Not going into detail, I really thought that my method was a lot more efficient and defended my argument strongly until the end. In the end of discussion I saw/accepted that boss' method was better and he said he's nevertheless proud of me for defending what I believed was right. (it's been 2 years since I moved into this country and its language is my 5th one, so I'm only level B2, most of the time I back up from having a deep discussion knowing that my language skill won't take me that far) I really appreciated that feedback from him and it truly made my day. Thank you boss! You're cool!

A while back I spent weeks cleaning up our 20 or so .scss files, then went on vacation. Our backend guys were left alone to "float: left" and "position: absolute", literally everything.

display: inline-block is a work of satan

5000 scss file with the name global.scss styling.

How fucking dumb can you be to fucking mess up a clean component based architecture like Foundation or Bootstrap and fill it with shit in a single file.

No wonder WP gets shit. The legacy code is usually shit.

And to put the shit cherry on top. This motherfucker had a settings.scss file with all general components and he never used it.

Fucker put different font size in px everywhere! Fucking asshole!!!

I'm so tired of cleaning up scss files that I write "got ass *" instead of "git add *"...

Have I told you that I love Sass? Yes? Well, that's fucking true! Like today I decided to host the used font myself and just include all font-awesome SCSS into my main.sass and saved one <link>. That boosted loading time and user don't have to see those ugly squares while page is loading. I'm truly in love.

We're using Angular in the shittiest possible way.

It's wrapped in .NET, the code follows no standards and we lack any sort of component hotload functionality with _fat_ data.

When I change a SCSS style, the whole page reloads and it takes me 15 minutes to get back to the state I was in to say "Hmm, more to the left."

I hope this place burns to the ground.

I have never encountered a codebase so horrendous. The styles are so fucking bad.

Give me a codebase with a poorly implemented programming langauge, fine.

Give me a codebase with styles that have been copy/pasted off Stackoverflow a million times until something works, not fucking fine.

At first I was like "meh.. SASS is not really that different from css really.. maybe this wont even help any.."
But now I'm like "dude holy shit please never let me work without SASS/SCSS again!" :D

I fucking hate CSS. I thought I'm not bad at it ... But I just wasted 1h over nothing ...
Couldn't set the width for the anker tags

I literally want to fight SCSS right now 😡

Salesforce lightning web components have such bullshit limitations that they claim is because of security but it's just because it's overengineered garbage.

Want to use web components? Nope.

Want to pass in a value to a function in a click listener expression? Nope.

Want to use scss? Nope, compile it to css yourself.

Want to use the fucking document object? Guess what it's overridden except for very specific third party frameworks.

Who in the fuck thought it was a good idea to override the document object? Your app isn't more secure, literally the entire internet uses the document object and it still becomes available in runtime anyway so what the fuck??

LWC is the biggest garbage I've ever seen, you know a framework's a big red flag when there are developers solely for the framework.

There is a new security release coming out that apparently removes some of these nuances (understatement) so there might be some light at the end of the tunnel.

Debugged my scss for 4 hours only to find out that I use id instead of class in my template

A tale of silos, pivots, and mismanagement.

Background: Our consultancy has been working with this client for over a year now. It started with some of our back-end devs working on the API.

We are in Canada. The client is located in the US. There are two other teams in Canada. The client has an overseas company contracted to do the front-end of the app. And at the time we started, there was a 'UX consultancy' also in the US.

I joined the project several months in to replace the then-defunct UX company. I was the only UX consultant on the project at that time. I was also to build out a functional front-end 'prototype' (Vue/Scss) ahead of the other teams so that we could begin tying the fractured arms of the product together.

At this point there was a partial spec for the back-end, a somewhat architected API, a loose idea of a basic front-end, and a smattering of ideas, concepts, sketches, and horrific wireframes scattered about various places online.

At this point we had:
One back-end
One front-end
One functional prototype
One back-end Jira board
One front-end Jira board
No task-management for UX

You might get where this is going...

None of the teams had shared meetings. None of the team leads spoke to each other. Each team had their own terms, their own trajectory, and their own goals.

Just as our team started pushing for more alignment, and we began having shared meetings, the client decided to pivot the product in another direction.

Now we had:
One back-end
One original front-end
One first-pivot front-end
Two functional prototypes
One front-end Jira board
One back-end Jira board

No worries. We're professionals. We do this all the time. We rolled with it and we shifted focus to a new direction, with the same goals in mind internally to keep things aligned and moving along.

Slowly, the client hired managers to start leading everything in the same direction. Things started to look up. The back-end team and the product and UX teams started aligning goals and working toward the same objectives.

Then the client shifted directions again. This time bigger. More 'verticals'. I was to leave the previous 'prototypes' behind, and feature-freeze them to work on the new direction.

One back-end
One conceptual 'new' back-end
One original front-end
One first-pivot front-end
One 'all verticals' front-end
One functional prototype
One back-end Jira board
One front-end Jira board
One product Jira board
One UX Jira board

Meanwhile, the back-end team, the front-end team overseas, all kept moving in the previously agreed-upon direction.

At this stage, probably 6 months in, the 'prototypes' were much less proper 'prototypes' but actually just full apps (with a stubbed back-end since I was never given permission or support to access the actual back-end).

The state of things today:
Back to one back-end
One original front-end
One first-pivot front-end
One 'all verticals' front-end
One 'working' front-end
One 'QA' front-end
One 'demo' front-end
One functional prototype
One back-end Jira board
Two front-end Jira boards
One current product Jira board
One future product Jira board
One current UX Jira board
One future UX Jira board
One QA Jira board

I report to approximately 4 people remotely (depending on the task or the week).

There are three representatives from 'product' who dictate features and priorities (they often do not align).

I still maintain the 'prototype' to this day. The front-end team does not have access to the code of this 'prototype' (the clients' request). The client's QA team does not test against the 'prototype'.

The demos of the front-end version of the product include peanut-gallery design-by-committee 'bug call-outs', feature requests, and scope creep by attendees in the dozens from all manner of teams and directors.

I recently started on a project, in WP though, but I strongly believe the dev is an imbecile. He's no longer with us (thank god)

Doesn't remove old code, just comments it out, or leave the file there. He loved to use and rewrite plugins, so you can't update them.

I removed this one particular plugin, which seemed to hold the website together, because when I removed it, all the suppressed errors suddenly popped up.
I've used 3 days to clean up the code

Did I say that there's a .scss file for the site, but it's written as normal css and the output .css file has also been changed, so I can't clean the scss file and compile it, because that fucks up the css file =}

When you're a total noob and only knew about an html, scss and js file when it comes to websites but then you see an actual website of a company with all separate scss files for components and you feel so overwhelmed... yeah... rip

Ok. that made a full circle.

I needed for ONCE to manually do git things.

(There is a plugin in V which wil lrecompile SCSS to CSS if CSS file is deleted, I want to comit delete).

WHY DO I HAVE VIM ON MY WINDOWS ????

And most importantly, how do I exit it ?

Worst architecture: the stack compiler I wrote. I basically just made my own shitty webpack.

The idea was simple: Babel to minified JS, Scss to minified CSS, and HTML to minified HTML. Made in Node JS, of course. (perhaps that’s where I went wrong!)

The thing works... and I use it... but boy is it bad. It even broke on my current project (which is for a client so...) and I’m having to work around my own god damn code.

I really need to revisit it and redo it.

I gave backend dev my frontend code and he had no idea about SCSS.

So he copied the compiled AND minified CSS, prettified/formatted it and put his own changes by searching the class names.

And he had made lots of design changes arbitrarily so when new changes were to be made I had to cope with it.

As a hack I kept his css as it is and compiled another file with new changes. And now there's two css files all huge, like 800kb multiply by two huge.

It covers about 33+ custom pages with all the bells and whistles.

#let me do the frontend
#I wont bother you either

I'm so used to SCSS, I'm sure I wouldn't be able to style shit with pure css.

I'm writing a website for a café and I'd like to use a new tool for generating content and managing it. Only real requirement is a SCSS pre-processor and maybe built-in Auth.

Any suggestions?

How competent I feel today experiencing the WebDev world?

I've nearly gone insane editing my CSS code, not noticing any changes at all on my website whilst spamming F5.
Luckily, before I was beginning to plan my suicide, I realized that I was editing SCSS the entire time, having my auto-compiler turned off.

Crawling around in a legacy project. Need to rewrite 500 lines of SCSS, to regular CSS. Fuck it. Runs compiler, beautifier and copy paste that shit.

Is it possible to do both web design (Photoshop and the look of sites) and do front end coding for sites with HTML and scss is it all learnable?

First job as a web dev (promoted within my company from helpdesk!!!!). I made it explicitly clear that my php experience is rudimentary and that I was still learning and our CIO was fine with that, just said I need to fast track learning.

In my first website support meeting today they dropped all kinds of fun stuff about Wordpress development that I only know the basics on and is now my responsibility to learn, so:

How the hell do I learn php/scss/sass/docker for Wordpress really fucking fast? Lol

Best way to do theming with Vue?

An employer should ALWAYS make an indentation test among the tests given in job interviews. I swear to God I'm cleaning this scss file with a flame thrower

Plans for 2019 are to release two products.

1. A text-based strategy game engine that will act as the core of two or more progressive web applications, using Node.js/Express, EJS, and SCSS. It will be proprietary, subscription-based, and playable 24/7 online or offline as a web site or mobile app with nightly/weekly/monthly events and items (think KoL, on steroids, with butter on top.)

I am currently undecided whether to go with MongoDB, MySQL or PostgreSQL, so any feedback - without derailing the other choices, and understanding that it needs to be minimal at first with the ability to expand to millions of users - would be appreciated.

2. I'm sculpting collectors figurines of guinea pigs, molding, casting and then selling a limited set that are hand-painted by me with a certificate of authenticity, as well as marketing blank versions of each with a choice of three colors (including white, and either red or black for eyes - a total of five) for people to either paint by themselves, family members, or friends.

This will also have a website that allows you to choose the breed and colors (changing the picture according to your choices), as well as allowing people to use it as a social media outlet - as if their own guinea pigs had profiles instead of humans. It's also planned to support rescues worldwide and educate folks about properly caring for cavies.

I'll be the only one who prefers to use .sass syntax over .scss?

So I joined a company as an Angular dev and the code they gave me was stupid AngularJS ported to Angular 7 mixed with thousands of lines of jQuery inside index.html,

also all the css was scattered into a few files with 8000+ lines of code and no idea about which file does what, we decided to rebuild the project in Angular,

I built a huge portion of it with PrimeNg (a UI library like Angular Material) but after building all of that they tell me to remove PrimeNg and also asked me to import all SCSS modules in angular.json like wtf,

they forced me to use bootstrap with jQuery IN AN ANGULAR PROJECT this was my first job and I think I have a pretty good understand of Pakistani IT industry after this.

I learned programming from online paid courses and tons of practice so I expected others to be on the same level but that's not the case.

SassScript, because where else to show your programming skills than stylesheets

Random recruiter from LinkedIn sends an “opportunity” in a well stablished German company in Madrid ..

.. has three entries in requirements for jquery, associated with, and I quote “OOP, Object Programming, and other frameworks” ..

Goes on to require knowledge of “css, scss and saas”, along with “Don HTML” ..

And requests “experience with the principles of agile user interface methodologies” ..

And Angular 1 ..

How would you respond to this one!?

I actually did, corrected the mistakes, told what other mistakes were at the differences between libraries and frameworks, .. and that I don’t like Angular and I’m not interested in learning the old one at all ..

I just realized that all I did the last three weeks was about SCSS and Twig. I didn't write a single PHP line (or please, I just added some variables inside an existing array) for 3 damn weeks.

Man, I feel empty inside

Fuck Drupal. Fuck the work environment I have, and fuck CMS in general.

I have a task that consists into removing any @extend from the different SCSS files so the compiled file is lighter than before (so far it went from 10mb to 750kb). Everything went okay but suddenly PHP decides that the fuckton memory it has isn't enough anymore and wants more. And makes VirtualBox freeze. Which makes Windows 8.1 freeze. It's 11:10 AM when I write these lines and I haven't been able to do SHIT since 9 AM.

The lead developer just told me "you touched some PHP code you shouldn't have approached in the first place". DUDE I haven't written anything in PHP IN TWO WEEKS !

Also, why does fucking Kint exists, when Laravel has dd() and Symfony has var_dump, and they work as fine as Kint, but they don't need 580 Tb of RAM to run and load a fucking page?

Having to work with this fuckery of a CMS is something, but having to work with Windows 8.1 makes me feel like working on some cancer with a computer built before the first World War

Now I finally go back to work, that's cool, I only lost 2h30 of my fucking day doing nothing but restarting VirtualBox and my fucking computer. FUCKING YAY.

Project was based on Ionic3 with angular and SCSS.

Ionic has an SCSS array with colours that generates countless CSS classes for each combination of color-component.

Smh I managed to reduce the amount of colours in that array and reduced the overall size of the final CSS by 48% (from ~8MB to 4.1MB)

Of course the overall app had no performance increase BC the problem is the main.js file which is about 12MB with no lazy load

My new stack is: VUE, TS, SCSS, AWS, CSI, IBS, HIV, SSR and Mongo

Have you all ever had an hypocondriac colleague? Like, the kind of colleague that will freak out everytime something minor isn't exactly as in his plans?

I have this colleague that DID freak out because, while making the integration of some website's footer, I set the SCSS for the social networks inside a "footer.scss" instead of "social-medias.scss". Dude even called the project manager to ask him about how he should handle that.

So, I had to go behind that colleague's chair and make him copy line by line the SCSS that was in the "wrong" file to put it in the right file. Why line by line, you may ask? Because I had to explain him why and how each of these lines were required to match what was asked in the models.

Not to mention how he freaked out because I (wrongfully, ok) used "fill" instead of "color" to change an SVG's color.

Keep it simple, stupid.

When you thought you know CSS and then find a template with perfectly orginized scss...

Checked out scss today and it shortened the time it takes me to make a static UI by about x10
.
Sadly I did this to procrastinate writing my thesis.

The real web development is optimising the shitty front end code.
The task assigned to me is optimisation of dashboard page of website which was developed by freenlancers.(end of contract from their side)
The front end is mess. Individual js files (bootstrap, popper, jQuery, jQuery ui, loader and main) loading in production inside head tag of html file
No text compression.
Every template has random number of their own js files in any block of template. Nothing structured. There will be fantastic waste of time figuring out file dependencies.
Same with css files. Some are scss, some plain css. No compression. No proper modules.
Basically, I have to go through 25-30 html files. Then understand, which template is extending which one. Go through all js and css files in each html file and again understand dependencies between them
This is gonna be real fun.

Taking quick naps between GULP compiles is a thing right?

I wonder why the css class inside the css file throws an angular compiler error at '{' ... shit, it was configured with sass, not scss 🤦

OMG!! the SCSS is so Sassy..... perfect name for an extension....

SASS : Syntactically Awesome Style Sheet.

I wonder what this guy(the guy who named sass) named his child/pet

Assuming Mac: Alfred for OS such as searching and opening apps, using spaces to setup smart project areas, divvy app to quickly size and move around the windows, terminal shortcuts to open files in the OS or in an editor, transmit for hidden files and dragging between panes and server + occasional mounting for preprocessing, inbox-zero mentality, a properly setup google drive app so you don't email forked files back and fourth, beanstalk for deployment of larger stacks, surge.sh for targeted front-end sites, Ember CLI or brunch for build pipelines, CodePen for UI experiments outside of the project, slack instead of email, pick up the telephone and just call for clarification more often, stylus is easier to maintain then scss, hire designers that actually know what their job is if you can. For arduous WordPress administration, rightclick open in new tab for everything - or half your time will be pushing the back button, wp-migrate pro, and in general try to get out of WP when you can.

Rant: I hate when clients complain about sizing so a team member changes my entire heading system just to change header size without going over it with anyone else I. The teach damn if it breaks shit other places or scrapped many hours of mobile testing, even better then changed class names some places ignoring our frame work and breaking mobile.

If I never see the extension .scss again it will be to soon! #stylus

Inherited a massive code base today... All JS is still being accessed via global scope... what are modules & modular design even... SOLID and DRY are things that clearly never crossed the devs mind during inception of this beast... and to top it all off all there is a weird BEM / SCSS style going on that somehow manages to confuse the IDE... thus all style helper utilities in the IDE are useless...

Wtf looking at a Pull Request today for styling 4 buttons...
750 lines of of CSS and not even able to style an anchor!!
How the hell is that even possible!!!

Have been working all my life so far mainly with css only, tried scss again yesterday and its just amazing 😍

Now looking forward to finding what I should pick from all the frameworks that are angular, vuejs, react etc.

there will be war they said
kind of playing with legacy code,
they didn't say

importing css from scss file. yep react is cool but this freakin import css from scss is kind of bloody weird for me. k let's just keep it small, can you just reply in 3 words e.g. use freaking vim or go eat bacon as an advice ty?!

I looked at a PR for some work a dev agency is doing for us. For some reason, the dev directly modified css rules instead of making updates to the SCSS files and running the compiler. WTF. I asked why and isn’t the compiler working. Just got an answer saying that was his mistake. That’s not a mistake, but that’s idiocy I’m sorry. Dev agency is supposed to be doing code reviews too, but I’m pretty sure they would have merged that. We have another repo where the same thing happened—only it was dozens of lines of code instead of one or two. Luckily that repo doesn’t get many new feature requests, but I do have to selectively pick lines to commit whenever I make style updates. It’s a nightmare. I know it must be hard to jump into a code base you’re not familiar with and there might not be dev docs, but for the love of god don’t make maintainability a nightmare. I shouldn’t have to be a babysitter. Bet they’re regretting that added me as a reviewer for the PR.

Which is your favourite compiling CSS language for development ?

• none (CSS)
• SCSS
• SASS
• LESS
• ???

My is SCSS.

Fucking Ruby.

Installed my new job's codebase on my machine and it's fucked everything.

While trying to get the database working, someone's dropped my User table, so I can't log in as 'Josh' anymore.

Now I can't compile scss assets without a fucking gem error.

I'M IN A PYTHON ENVIRONMENT, FUCK OFF!

GRR.

Do you use nesting in the scss / sass / less files of your project?

I come from a simple html, css background with a bit knowledge in php and some simple cms.
Decided to use a modern cms to learn something new...

In 2018 i get python vuejs scss
Now i need react and angular

Any good SCSS beautifiers? Those that I've tried so far screwed up syntax.

1000 lines of css is still smaller then most images optimized for modern displays (aka everything that isn't a thumbnail). Either our designers don't come up with stuff complex enough to validate adding a compilation step to interpreted code or I'm missing something,

I've been looking into CSS preprocessors. Can anyone give me an example of why you'd use one that isn't some lame programming platitude like "pushing technology forward"? Like an actual design element that can't be done in straight up CSS?

As someone who compiled AS3 for the web back in the day the "new wave" of internet technology (with all it's compilation steps) seems super dodgy.

I did a challenge for an application which consisted of developing a landing page. I figured i wanna hardcode everything and not use any CMS or editor. Fknally i could use SCSS, ITCSS and BEM and it was the most fun i had in a long time. Going for PUG and TS next!

Git: "Your local changes to the following files would be overwritten by checkout. [...]
Please commit your changes or stash them before you switch branches.
Aborting"

Fucking nitpicking, that's not "Aborting", that's meant to be:
"Dear user, would you like to overwrite your current changes, even more so as you are currently in a so-called detached head state anyway, as you obviously just checked out an old tag to try a temporary rebuild of an old project state."
Yes, the build targets are checked in, as this can be very useful in some scenarios.
It's just! some! CSS! from the SCSS!
Stop "Aborting"!

The Chrome plugin "Darkness" (I might have mentioned it before 😅)

Yes I know "Stylish" was a thing and it has been replaced, but by then I was way to invested in "Darkness" and it has some features that the others are missing; the styles are tested and maintained and it has themes to choose from.

And it has been a nice experience working with scss 😄

What is the best way to learn react.js in least amount of time possible?...
I know basic web dev like es6, html5, scss, node.js etc.

I tried building a project with nextjs. I dont like it. Angular is still better. Nextjs might be more lightweight but i dont care. Theres way too much shit i need to write and theres no boilerplate code like there is in angular. Also in angular components can be grouped in 1 directory and from there you group its services interceptors guards scss typescript html etc. In nextjs all of that shit is thrown in /pages and /components while styles go to /styles. Reasonable, but what happens when the application is large as shit? Thats why angular will always win long term

I don’t know if they really don’t want Sass or if they’re just scared to try it.

Not all new techs are horrible.

Hope one day they will realize that using CSS preprocessors is way better. And it’s not that as complicated as it sounds. Jesus Christ.

@ pro-CSS frontends, any thoughts?

Hi, in my latest project I'm stuck on the CSS part.

I've already an Grunt + Sass Asset Generator for bootstrap.

The project has several (> 70) subpages aka modules.

The theming is client based, currently 4 clients with different colors.

At first I thought it was easy...

Splitting bootstrap to variables per client + bootstrap, so:

client1_variables.scss
client1_bootstrap.scss (including client1_variables).

client2_variables.scss
client2_bootstrap.scss
. . .

But now I'm stuck.

Reaason: The css classes are the same between the clients, eg client-bg-primary is the class.

I wanted to prevent generating for each client a folder - as every folder would contain the same content:

module/news/client1.scss
module/news/client2.scss
module/news/client3.scss

module/dashboard/client1.scss
module/dashboard/client2.scss
module/dashboard/client3.scss
...

Each SCSS file would only differ in the variable import...

Is there a way to prevent a Global Module CSS file for each client (as there are @##* fucking classes duplicated and I really don't want to untangle that mess) but not ending up with writing the same Code over and over?

The IRC sass channel is moderated, not possible to ask there... And when I google I find mostly themes based on an class approach (border-light vs border-dark)… :(

if css is a headache, could the use of sass be worse?

Junior frontend here, I really fucked up with SCSS nesting. It's a nightmare to go back and maintain or extend the UI. I really should go back and sort this shit out. Some parts of the hierarchy even contains pointers which I phased out long ago, but somehow it still works.

Let this be a lesson. -_-

I am so grumpy today. I like SCSS, but to make it more flexible like toogling dark-light mode are so difficulty to implement. Now i have to refactoring my class and follow what SO suggested. I hope it work!

Confusion is i know AngularJs, VueJS and ReactJs but i am not a frontend developer
who does CSS,LESS,SCSS ..

Always in doubt should i apply or not ...

So i want to get into css preprocessors. Which one is a safe bet ? I thought less would be cool, but sass and scss seems to be becoming the industry standard ...

At job. I open old project I don't make. Nice i made with scss for clarity ! That guy put all is css in a scss file and compile them ... For fuck sake

!rant
I have worked with VueJS for some time, and i like the fact that i can split html, js & scss.
Now i am going to work on a project with React, and i can’t find a propper answer on what is the best way to split the code there.
Does anyone have experience in this?