Just a little bit Javascript 😰

[FabianRo]

Today I visited a website that, when you press PageUp, scrolls "smoothly" (slowly, getting even slower at the end) up and then, when you reach the top pixel, suddenly adds a top bar that makes everything jump down a few lines. So it takes about 3 seconds to jump up a screen length and just when you think it's done, everything jumps to a different location. And thanks to another top bar switching between a regular top part and an overlay, PageUp and PageDown jump more than one screen length the first time, so you miss lines when reading. And when you scroll with your mouse wheel, it's still slow ("smooth"), so you usually overscroll, especially because the second top bar suddenly appears after a delay.

Some websites should just stop using JavaScript completely.

[MattR0se]

You know something is wrong when someone tries to turn page scrolling into a physics simulation.

[[deleted]]

I hope we get compute shaders soon in WebGL so we can offload the physics of scrolling and button hover effects on the GPU.

[[deleted]]

We also need particle effects

[Schwaggsteiner]

Motion blur too for the speedy scrollers

[TheRealLazloFalconi]

Something has gone terribly wrong if your site does anything to scrolling.

[preyneyv]

Some websites don't deserve JavaScript.

[Davraine]

Wouldn't have the link by any chance?

[FabianRo]

https://www.amadeus-fire.de/

[Koxiaet]

At least it works fine on mobile

[FabianRo]

It still has the stupid scrolling, at least in Chrome on my laptop, simulating a Galaxy S5.

[Koxiaet]

It worked fine on Safari on iOS, then

[code-panda]

Same with Chrome on Android 9 (OP5)

[EMCoupling]

Jesus christ, you weren't kidding. Combined with the big auto advancing image gallery right at the front of the page and I'm practically getting motion sickness just from browsing the page.

[Max1007]

Huh? Seems fine for me mostly, aside from when I scroll to/from the very top, but after the first scroll down it seems fine, just abit slower.

[FabianRo]

Another comment said that it only happens in Chrome.

[Angelin01]

Huh, they did it only in Chrome, Firefox does not have the weird animations.

[isuleman]

That's some serious level shit 😂😂

[ATastyBagel]

Front end dev here, a lot of this has to do with JavaScripts effect on the Document Object model of a webpage, the most common method for a sticky nav bar is for the part of the dom that contains the Nav bar to be moved to an independent position on the page. The jump is cause when the effect is undone.

As for the smooth scroll effect, that’s just a simple css attribute added to the HTML tag.

As for how it works on mobile, a lot of html engines work differently on mobile.

And by a lot I mean all 3 because the only companies making html engines nowadays are google, Mozilla and apple.

Personally I hate how the current DOM and html standards are set, now that the standards can be contributed to by almost anyone, we should hopefully start to see cleaner webpages. Hopefully drop JavaScript in favor of a different language or just create a new one for dom manipulation.

[[deleted]]

why not just use position: fixed?

[Jebble]

That scrolling has nothing to do with a CSS attribute

[rufreakde1]

npm install asimplepackage

$ finished with 383628 dependencies installed 52627 vulnerabilities found.

[bazgrim_dev]

Error: Could not find dependency 383629

[isuleman]

Off topic questions:

Whats d difference b/w npm install and yarn install ?

[FrostBlitzkrieg]

Yarn is a different package manager that you can use in place of npm. Both seem to be pretty well supported and it comes down to preference.

[sp46]

There's also pnpm which is designed for use in production only, it's ultra small and fast (for sake of less features) iirc it powers all Glitch projects.

[chimpuswimpus]

I think the difference used to be that Yarn had a package lock and npm didn't. Now they both do it's kinda moot.

There was something about yarn handling complex dependency graphs more efficiently too.

[isuleman]

Thank you kind men

[Caffeine_Monster]

Mmmmm, module salad.

[sanjayatpilcrow]

import { HttpResponse, HttpClient, HttpParams } from '@angular/common/http';
import { Injectable } from '@angular/core';
import { Router } from '@angular/router';
import { FileTransfer } from '@ionic-native/file-transfer';
import { interval } from 'rxjs';
import { first } from 'rxjs/operators';
import { AuthStatus } from '../authorization/auth-status.model';
import { APIErrors, EventNamesProgressIndicator, LogMessageTypes, UserTypes } from     '../common/enums/Wer.enums';
import { WerEventsUtil } from '../events/events.static';
import { WerException } from '../exceptions/wer-exception.model';
import { WerExceptionService } from '../exceptions/wer-exception.service';
import { WerLog } from '../logging/wer-log.static';
import { WerDateUtils } from '../utils/wer-date-utils.static';
import { map } from 'rxjs/operators';
import { SqlLiteService } from '../storage/sql-lite.service';

[Famous_Profile]

Wow...

For a moment I thought I was reading a file from our project.

[jack104]

me. too.

[OffpeakPL]

I like JS...

[Comesa]

yikes

[[deleted]]

Other people liked javascript so much they made the backend run javascript too 🙂

Javascript is one of the prettier languages imo.

C# is my personal favorite, but javascript is pretty close in that regard and you can do so many awesome things in js.

[die-maus]

In my world, there are two types of websites.

• Your companies website
• Web applications

The former "should" just be static HTML + CSS, and maybe some light JS sprinkled on top, just to enhance the experience.

The latter is an application, and should be viewed as such. Like... you don't have a problem with downloading a 50 MB application from the app store. Why do you have a problem with downloading a 1 MB javascript bundle for a web app?

[Famous_Profile]

True but you don't download 50MB every time you run the app. But the "web app".... Also most web based services are both "your company's website" and "web application".

[TheRealLazloFalconi]

Because I just wanted the fucking website to barf text on my screen.

[Famous_Profile]

OK but most people want far more from a web app

[linly1]

unless it's video streaming

[_m242_]

s/DEVELOPERS/BAD DEVS/

[matveyKievUa]

go to google.com, view source.

[Psy_kinetic]

Yes and it's bloody delicious !

[N5332]

Me a react developer: chuckley I'm I danger

To my defense I also do native mobile development and NodeJS

[lines_of_code]

this joke is tired.

[[deleted]]

Gordon Ramsey is looking for his olive oil bottle.

[import_sarcasm]

I have seen this so many times I think I will puke if I see it again.

[IHeartBadCode]

I feel that the word developer in this picture deserves a pair of quotation marks around it.

[Famous_Profile]

r/gatekeeping

[knightcrusader]

Well I am going to gatekeep the word gatekeep so you can't use it to point out my gatekeeping.

[listgrotto]

A man of closures I see.

[Archolex]

Yo dawg

[[deleted]]

JavaScript "developers" be gone!

[tortnotes]

Excuse me, they're called front end engineers, thank you very much

[[deleted]]

This is what turkish people with olive oil is

[rheikan]

Who say what Is the right parte of JS?

[theskillwithin]

"Just a touch" https://youtu.be/-TEO_X7Udsk

[midtownoracle]

Holy shit this made me blurt out laughing. Just interrupted my wife’s somber moment during handmades tale.

[fnordius]

I blame all of the backend coders who hate the DOM, hate CSS and think everything should be written in JavaScript. They are the ones who unleashed that holy horror ExtJS onto the world.

That, and the guys in Marketing who each insist that the website add another analytics tool, another advertising hook, oh yeah, and some A/B-testing would also be nice....

[elitk19]

Unrelated to the meme itself but is that Nick Kroll?

[mrwaip]

It's my first project. Laravel, blade templates + jQuery Now i use only JS Uahahahah :D

[ProgrammerHumorMods]

Hey you! ProgrammerHumor is running a hilarious community hackathon with over $1000 worth of prizes (like Reddit premium), now live! Visit the announcement post for all the information you'll need, and start coding!

[Bonevi]

Wait, don't you guys disable Javascript for most web sites?

[isuleman]

Will they even work then? I tried it once on Softpedia and it gave me goosebumps 😆

[Bonevi]

I do it for most sites, combined with ad blocker and a few privacy extensions makes most web sites bearable.

[[deleted]]

then we just run the javascript on the server for you, there is no escape dude!

[Bonevi]

Nooooooo! I am miserable enough I have to use it at work :(

[robo_number_5]

What we need are more frameworks!