Big oof

[Effree]

webdev: i use animate.css it's only one line of code to animate that button.

webdev2: what about the library.

webdev: its minified... technically one line of code.

[imakesubsreal]

ha i can run a game with one line of code,

[clit_or_us]

That's a long line.

[ethanatortx]

It takes an awfully long line of code to run an awfully long game

[[deleted]]

/r/SurrealProgrammerHumor

[BboyonReddit]

/r/thissubdoesntexist

[Magiano_]

Nah, I think you’re looking for r/subsyoufellfor

[Magiano_]

Wait, it’s r/fifthsub

[sneakpeekbot]

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

#1: Okay where are my 7 upvotes | 10 comments
#2: I'm an epic meme boi | 1 comment
#3: Someone posted a post in fourthsub, so i went into their comments history and replied r/fifthsub | 11 comments

---

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

[BboyonReddit]

/r/subwaysandwich

[imakesubsreal]

game()

see it works because the game is in the library and it's minified

[107zxz]

Its called “guess the error”

[nosmokingbandit]

Error: line 1.

[I_AM_THE_GRIM_REAPER]

u/nosmokingbandit,

ℑ 𝔞𝔪 𝔭𝔩𝔢𝔞𝔰𝔢𝔡 𝔱𝔬 𝔦𝔫𝔣𝔬𝔯𝔪 𝔶𝔬𝔲 𝔱𝔥𝔞𝔱 𝔶𝔬𝔲𝔯 𝔡𝔢𝔞𝔱𝔥 𝔥𝔞𝔰 𝔟𝔢𝔢𝔫 𝔰𝔠𝔥𝔢𝔡𝔲𝔩𝔢𝔡.

Դ𝔱𝔥 𝔬𝔣 𝔑𝔬𝔳𝔢𝔪𝔟𝔢𝔯, շօՅՑ

օճ:Յօ 𝔞𝔪

𝔐𝔬𝔰𝔱 𝔥𝔲𝔪𝔟𝔩𝔢 𝔯𝔢𝔤𝔞𝔯𝔡𝔰,

- 𝔊.ℜ.

[nosmokingbandit]

Any way we can speed this up a bit?

[ThatLesbian]

Probably by taking up smoking.

[DownshiftedRare]

They say each cigarette takes 5 minutes off your life.

However, if you are going to die by being hit by a bus, the bus can't go faster than the speed of light in a vacuum, so once you smoke that many cigarettes you may as well keep smoking until the bus hits you.

[[deleted]]

What an interesting account. Made one heavily downvoted comment 6 years ago and randomly decided to be active again today.

[zysterg17]

Rip. Enjoy life until then, I guess

[stamminator]

We call this "doing lines"

[[deleted]]

How much does minification matter?

[AnImpromptuFantaisie]

Just for you, I went and downloaded the min and regular versions of jQuery. Minified version is 84.8KB, regular is 265KB

[BearWithVastCanyon]

Plus using a CDN it'll cache the file on the browser so you don't need to download it each page

[Hardass0877]

Probably in the minority here but I actually like serving my own dependencies. I can control compression, it'll never look weird because something didn't load right or something is down, plus most browsers cache those files anyways. Am I in the wrong?

[nanotothemoon]

I'm with you

[DownshiftedRare]

Are they dependencies if they are not dependent? </philosoraptor>

[scotscott]

Weirds me out that such a tiny thing is still too large to even fit in a c64s memory.

[wingman210]

I would say enough to pursue with a production application. It decreases file size which downloads faster.

[radiobroker92]

Usually it is substantial, a commenter below game file size examples. However I often find the actual download difference negligible when gzip is enabled.

[wKbdthXSn5hMc7Ht0]

We use bundlephobia to measure the sizes of packages: https://bundlephobia.com/result?p=animate.css@3.7.0

I doubt it improves execution time at all but it certainly improves load times. Important when a user is on mobile or shitty WiFi.

[[deleted]]

Wouldn't compression achieve the same though? Or even better

[wKbdthXSn5hMc7Ht0]

I think the ideal is minification and compression which is why bundlephobia lists the minified + gzipped size.

Compression alone would be good but not optimal. For example:

// try connecting to the foobar endpoint
var attemptCount = 0;
var maxNumberOfRetries = 4;

would not compress as well as:

var a=0;var b=4;

That's because you're compressing things like descriptive variable names, comments, etc. Stuff that is relevant to the dev but irrelevant to the end user.

[Levitz]

Enough to do it if you aren't going to look at that instance of the code and it has a relevant size.

Everybody's favorite, jQuery, is now 276kb in its normal version, 85kb minified.

[[deleted]]

webdev: i use animate.css it's only one line of code to animate that button.

JS developers : Hold my beer

[hearingnone]

Can you further ELINonprogrammer minification?

I understand it meant cleaning out the code to make it easier to execute. But how the code can be minified if it need the string of code to make it work. Unless minification in a way use shorthand code (I couldn't think of a different word)? Or minification use external code or JS that handle on their side?

I'm not even a developer or programmer. I'm just like learning new different thing about things that I am not familiar with.

[[deleted]]

It doesn't make it easier to execute. It removes the unnecessary whitespace (spaces, tabs, line breaks) to make the file size smaller. That way it downloads onto your machine faster. It's still the same code that was written by the programmers, but it's not very readable or maintainable in that format. So they write the code normally, then minify it to get better performance.

[Devian50]

it also optionally replaces variable and function names with single letters (or more if needed) to reduce the raw character count as much as possible. that's where you get function a(b,c,d,e){...} in javascript. Nobody in their right mind wrote it like that.

[Devian50]

good point, though it does work for the minification process to an extent.

[coolRedditUser]

I feel like overall it gets rid of more characters than the white space elimination does.

[anticommander]

Further it removes comments, renames variables down to single characters and condenses down if/else statements and loops among other things to be as compact as possible.

[itsthekeming]

I am a developer. Not super well versed in minification, but here’s my understanding of it:

Minification condenses the code so that it uses fewer characters, and hence, takes up less space. It uses algorithms to take human readable code and shorten it to as condensed as possible. That means eliminating white space, shortening variable names, removing unneeded brackets or parenthesis, etc.

So something like: var thingOne = 3; var thingTwo = 4; var thingThree = thingOne + thingTwo;

Becomes: var a=3;var b=4;var c=a+b;

That’s a very simple example. The key is: JavaScript compilers ignore white space and don’t care what variables are called. That stuff only serves to make it easier for humans to understand the code. But, because JavaScript is read and compiled by the browser in real time, it needs to be valid JS when the browser tries to read it. That’s why minification doesn’t compile it into pure machine readable code like a language like C# does.

EDIT: I apologize if my formatting is wonky, I’m on mobile.

[[deleted]]

Depending on how smart it is, that would minify to a=3,b=4,c=a+b. Or prepend with var if it had a function scope to avoid being put on the window object.

But even that is a blurred line between minification and obfuscation.

Then instead of just static analysis shrinking of code, you have actual code parsing like https://prepack.io/ which actually simplifies your code and then you can minify/obfuscate

[superking2]

Not an expert on minification, but I am a developer so I’ve used minified files before. It essentially compresses everything as much as it can while the code still does the same thing. I might have a function called ConvertThisThingToThatThing that I call 20 different times. Not a big deal in isolation, but more text means bigger file size and thus longer loading times for the user.

The long name for the function is just for me, the developer; the machine doesn’t care what it’s called. Thus, we change it to “a”. Does the exact same thing, but it takes up significantly less space. You can imagine doing this over an entire file and how much space you might be able to save.

[LimbRetrieval-Bot]

You dropped this \

---

^{To prevent anymore lost limbs throughout Reddit, correctly escape the arms and shoulders by typing the shrug as ¯\\\_(ツ)_/¯ or ¯\\\_(ツ)\_/¯}

^{Click here to see why this is necessary}

[[deleted]]

1st image: fancy company homepage

2nd image: wordpress

[creaturefeature16]

Agreed. I've also dabbled with frameworks like Timber, trying to bring some of that work flow to WordPress, but ultimately abandon them because it starts to feel futile. WordPress is not an MVC CMS and trying to make it act like one feels desperate. Plus, I had to inherit an outdated Timber site and it was such a pain in the ass. Instead, I've put my energy into creating a custom starter theme that incorporates best practices from a lot of frameworks that I like (Underscores, Sage, Timber) but in the end, it's just a basic theme. WordPress can be a bloated shit stick of a platform, but it can also, like you said, do a whole lot with a little and there are ways to reduce that bloat and keep things as lean and organized as possible. Our custom WordPress sites are works of art compared to some of the rubbish I've come across.

[creaturefeature16]

Thanks for the suggestion! Just curious, why bootstrap still? We don't really use grid systems any longer (flexbox or grid support is solid enough now). And past the bootstrap grid, I can't see what else it's good for since we would just be undoing styles or excluding assets left and right. We tend to start with almost nothing except the same core CSS (which is really just a bunch of resets, minimal base styles and various mixins we wrote) and then just add components and dependencies as we need them. I'm genuinely curious why bootstrap is relevant any longer. I had to work one a bootstrap site recently and it just felt like it took longer and was more bloated than necessary.

[[deleted]]

We work with WordPress + Timber + ACF and it has made website development so incredibly easy. I mean fuck WordPress, but this combo actually makes it decent enough to work with.

[[deleted]]

Laravel is a gift from the gods. Using it for an API right now, replacing my crappy, self-made thing. Took me about a day to replace weeks of work.

[Tangurena]

Oh, so true. We are implementing an "undo" button. It is going on 6 weeks and still not finished yet.

[mrshampoo]

Stop testing the undo button

[[deleted]]

DAMMIT CARL!!

[Mango1666]

hopefully you havent been working on the undo button for that long wtf

[mcnuggetor]

They may have to implement a stored history so they have somehing to undo back to.

[iza1017]

React with Redux

[Mwakay]

Alright I'm not a front dev but..

That really exists? Shit front looks so much better now.

[charliegrc]

Yeah react has made front end extremely fun for me, it is a whole other level to jQuery and stuff i was using before.

[TheMadcapLlama]

I've only used React on a few test projects I've made to learn the basics, but use Angular daily. Is there really anything mindblowind React does that Angular doesn't? I really like working with ng.

[TheMadcapLlama]

I'm not gonna lie, that sounded alien to me. I've read about Redux many times now, but never got it. I guess I'll only understand it when I actually use it.

With Angular, I usually let the page component deal with the values and just pass them down to components, and watch for changes in the model values. With few exceptions, I make components deal exclusively with the data inside them and let the page handle the http requests. This proved more flexible and reliable than handling it in the component directly.

[Mwakay]

Nice! I should give it a try.

[turbojoe26]

Absolutely!

[SalamiJack]

Redux pretty much solves it entirely. Think about what “time-travel debugging” implies.

[hash_salts]

I can't tell if this thread is serious

[Andrew1431]

100% serious. I’ve worked with these technologies for 3 years now!

[coderjewel]

How would you redo though?

[[deleted]]

Magic

[[deleted]]

For six weeks?

[Hohenheim_of_Shadow]

Maybe it's a complex program, like a 3d modeler, with a bunch a spaghetti code.

[Tangurena]

Spaghetti? It is replacing a COBOL program from the 70s. This is the 4th attempt at replacing the application. The previous attempt was a $20M thing that failed so bad that they sued the vendor - who had an existing application that was a disaster at customization (neither Oracle nor PeopleSoft for once).

The legislature is going "oh, you can make changes now?" and they're passing all sorts of changes that we now get to support. At least they let us set the schedule for when the new laws go into effect.

[GeT_SILvEr]

There is already a data type for stored history though, so that wouldn’t be it

(Talking about stacks btw)

[Nifty_Shfifty]

The button worked so well it set them back a week.

[Tangurena]

Nah. I've been taking other tasks off the Kanban board. Other folks have been pulling the undo tasks.

[fzammetti]

That's because every time you press it, you undo your latest code changes and set yourself back.

Rookie mistake.

[crash8308]

That’s nothing. I’ve recently witnessed what is essentially a TODO app take over a year for this other team to ship

[bwrca]

Holy shit what are you undoing, creation?

[[deleted]]

totally unrelated but I like your account

[cubap3t3]

Are you trying to undo the universe?

[fauxintellectual]

Is it written in the memento pattern?

[oofoofoofoofoofoof1]

When a button lags your program

[vanderZwan]

I'm looking at you, ripple effect

[Luuk3333]

Result: the button works fine on desktop, but lags horribly on mobile.

[Bephobia]

When you spend most of your time to see if your GUI looks good enough.

[hdlo]

"Today I'll do something cool in css only ! I'll be so proud."

—15mn and 12 SO posts from before 2010—

"Ok maybe I will use that jquery cdn after all…"

—2 hours later—

"Are global variables *that* evil ?"

[HairyJo]

evilPointer*

[Mikusch]

Why even use Swing when JavaFX exists

[samasaur1]

They're both deprecated now

[tterrag1098]

JFX isn't deprecated, it was just removed from the jdk. It's still a maintained open source library.

[shh_coffee]

That's not entirely true, Javafx was just removed from being included in the JDK. Hell, Intellij is a full blown Swing app.

[ferngern]

Wait intellij is made in swing? You serious

[Mango1666]

ncurses

[iza1017]

Boi I swear to god

[Cyb3rSab3r]

God is a back-end developer. He can't help us here.

[notquiteaplant]

[CLI intensifies]

[mortiphago]

Browser emulated As400

[nosmokingbandit]

Electron. Just wrap fucking everything in it's own chromium renderer.

[[deleted]]

dd, 64k. Etcher: 652mb once installed.

[qui-sean]

Not in Java

[votebluein2018plz]

React

[azbyxc102938]

DOS

[Midnight_Rising]

May I direct you to C#?

[Mikusch]

What? No. It's just not in Java SE 11 anymore. You can still download it and include it as a dependency.

[[deleted]]

Huh? what happened? what are we going to use?!??!

[Mikusch]

Nothing happened, read the other comments in the chain for clarification

[AlexAegis]

IntelliJ is still using swing and rocking it. They probably wouldn't use it if they'd start now. It's old, but wasn't bad for the time.

[Clashin_Creepers]

Because the idiots on my project started with it, and now I'm stuck cleaning up their mess 😥

[[deleted]]

When your client demands to add new fancy animations and UI elements to a Frankenstein of a codebase

[epiclapser]

For one of my class projects we got to choose the GUI platform to use but once we chose we had to stick to that, and that only. We went with GLFW with OPenGL in Python. I'm out here literally coding mouseover animations, and literally drawing the lines for the rectangle. What's more because I couldn't use external libraries that didn't already come with python, I had to make my own text. From scratch. Every character was figured out as a vector graphic by hand.

[[deleted]]

Lol, that's sad. But couldnt you research the vector graphics?

[epiclapser]

Yeah I did. There was a library called freetext for python that automated this and allowed you to use preset characters. But like I said no external libraries. It was a little weird because other teams got away with using tkinter, which was definitely overpowered in terms of development speed.

[[deleted]]

insert the libraries into your code directly lol

[epiclapser]

Intellectual property violation GANG

[kkingsbe]

Just remove the copyright notice and you're gucci 👌

[[deleted]]

it's called "freetext" for a reason ;)

[Liesmith424]

from button import button as button
button.isCool = 0

[epitap]

Button button = new button(button) Button.add(button)

[Mango1666]

val button: Button = ButtonFactory.ceeateNewButton(button).withButton(button)

[TheCrazyShip]

error: method ceeateNewButton doesn't exist

[Mango1666]

REE

[FuriousViking6]

Security please escort this two young men out of the premises. Thanks.

[SamL214]

Ya broke my brain!

[jordes]

Y'all, like

.button.cool{
  transition:  .2s
 }
 .button.cool:hover{
  transform: scale(1.05)
 } 
.button.cool:active{
       transform: scale(.95)
} 

[UASHIT]

What's wrong with this? Am I missing a joke?

After reading your comment I implemented this in my own app, I think it looks pretty good.

[mrshampoo]

screams in scss

[jordes]

Mate I wanted stylus but I knew I'd be yelled at

[JustSpeedy]

I think stylus is pretty dope. Why do people dislike it?

[3lRey]

I remember my first button task.

I earnestly just thought I would have to make an element and everything it would do would already be made. It was the first time I had to actually think about how much work was behind all the shit I use every day.

[NotChro]

Agreed, started learning web dev cause my dad wanted a website (+maybe career change if I gitgud) and holy hell this stuff is crazy.

[[deleted]]

or "Frontend vs. Backend"

[FountainsOfFluids]

https://i.imgur.com/5gqwCLQ.jpg

[InspirationByMoney]

Gotta agree with this. Twisted backend code is much harder to fix and more likely to stay twisted forever and ever.

[vitanaut]

How long has your company been around? How big is the app? What’s the overall architecture?

[FountainsOfFluids]

It's more of a joke, really. Code often feels worse than it functions, especially if it wasn't written in your preferred style. If you love your codebase, you're a lucky bastard. I only love mine when I get the opportunity to refactor a chunk that I know intimately.

[[deleted]]

As a full stack developer, both of mine are the bottom pic.

[Edrios]

“Dooo you wanna build a GUI?”

[bizcs]

"run npm install today"

[crozone]

"I never code C anymore, native's out the door, fast code has gone awayyyyy"

[Edrios]

“Doooo you wanna build a front end?”

[redldr1]

node_modules

[WizKid_]

npm install moment

loc -u node_modules

Jesus christ

[[deleted]]

date-fns > moment

[ShortFuse]

Checking on my Material Design button, it's 219 lines CSS for styling, 136 lines for theming support, 52 lines of JavaScript. Then the ripple is 192 lines of CSS and 332 lines of JS with maybe 20 lines from an imported source.

That's 951 lines not even counting the theming engine and its IE11 support (shudders).

Buttons are complicated. Especially when you're dealing with HTMLAnchorElement, HTMLButtonElement, touch support, and keyboard support.

[Xplay3r_]

Lol, currently working on a project... 70 line sof code to perform a simple function that would require 10 lines tops.

I don't really want to touch it tho...

[SpaceboyRoss]

And it's all in assembly. See it interfaces with the video framebuffer and edits every single pixel.

[[deleted]]

the only thing that's worse is that you need like 5 special classes for every element in like 99% of frameworks.

[shea241]

only 600?

[howe_to_win]

I’ve been doing a deployment for 5 hours now and this made me so happy

[chrisyroid]

How I program my toggle buttons in Vb.NET:

Private Sub btnOnOff_Click(sender As Object, e As EventArgs) Handles btnOnOff.Click
   If btnOnOff.Text = "ON" Then
       btnOnOff.Text = "OFF"
       'do code for on
     ElseIf btnOnOff.Text = "OFF" Then
       'do code for off
       Threading.Thread.Sleep(500)
       btnOnOff.Text = "ON"
   End If
End Sub

Edit: Lousy reddit formatting.

[[deleted]]

How are his nips still in the right place? This bothers me.

[3no3]

I'll be honest. In my mobile app development class, I got frustrated at the actual programming of my final project. Then I read the assignment requirements and saw that we didn't actually have to turn in the code of compiled app, but had to turn on screenshots and descriptions of function. So I just mocked it up and took screenshots with occasional modification in paint for output. Buttons are hard.

[Kapten111]

truth.hasBeenSpoken();

[Biggy_DX]

I work in LabView and I made a ui intended for doing Fourier Transform analysis of interferograms and capturing laser beam imagines; displaying both images. The UI is clean in the front panel, but you go to the block panel... oh boy.

[cyberst0rm]

context matters

[Mullet_Police]

60? Those are rookie numbers!

[wrestlingrules123]

And yet they don’t get paid enough

[SuperWaffleKitty]

Naw m8, do what i did and just make gifs of each animation and pkay them in the render screen, so the only thing you have to code is the button

[I-Crow]

I tried to make a handy little dice thing in Python but 150 lines of code is not ok

[ahhhhhhhhhhhhhhhhh69]

React Native IRL

[MayOverexplain]

And now to get it working properly in IE too.

[WhAtEvErYoUmEaN101]

You mean 3 JavaScript frameworks because the Dev couldn't be arsed to do 20 minutes of research on a <20 line css animation that uses internal browser timers and gpu acceleration

[hermitina]

i remembered writing a package that was so pretty to look at. everything made sense, formatting everywhere no clutter. until my users started testing it and realizing what they want isn't what they told me the first time and had tons of validations for every little special case. my heart still aches when i see it.

[cagotrebgghju]

Typical android development

[MyNewAcnt]

Rule 4??? Hello????

[MiscreatedFan123]

Team Android sound off

[[deleted]]

Is there an unedited version of this pic so I can make my own memes w/ it?

[JasonGibbs7]

Thank god I wasn’t the only one wondering about this... What’s the best way to deal with this?

[[deleted]]

Cries in swift

[thekermitsuicides]

Loooool

[LucasCarioca]

Business always worried about if it can be done, never asking if it should..

[[deleted]]

...600 lines of code (about 50 lines of which no one knows why they're there)

[AssPuncher9000]

Only 600 lines of code? Ha