this post was submitted on 27 Jul 2023
204 points (98.1% liked)

Programmer Humor

32000 readers
1744 users here now

Post funny things about programming here! (Or just rant about your favourite programming language.)

Rules:

founded 5 years ago
MODERATORS
 
top 50 comments
sorted by: hot top controversial new old
[–] [email protected] 58 points 1 year ago (3 children)

A highly compatible design with no ads, unnecessary images, videos, animations, scripts that goes straight to point delivering you exactly the information you need and nothing else? Something that's easily accessible even with old feature phones allowing older people to get information easily?
Simply something that loads instantly and just works?

Who would want that?

[–] [email protected] 24 points 1 year ago (1 children)

Found the backend dev. "CUT THIS AESTHETICS NONSENSE! GIMME THE VARIABLE CONTENTS ALREADY! WE'RE 3.54 NANOSECONDS BEHIND!"

[–] [email protected] 14 points 1 year ago (2 children)

Frontend: "Come on, this needs at least some flair. This isn't the 90s."

Throws React at it

[–] [email protected] 6 points 1 year ago

React ugh, everybody is using NextJs these da- ....oh, what's that? We've moved on already?

[–] [email protected] 5 points 1 year ago* (last edited 1 year ago)

yeah, just css is enough.
you don't need js unless you need to fetch data dynamically.
you can do all of your animations, dropdowns and transitions in css.
like this menu i made. no js in sight.

https://streamable.com/4ba0gg

also fully accessible and you can tab right into it without clicking enter or whatever
(and respects prefers-reduced-motion)

[–] [email protected] 14 points 1 year ago (2 children)

Those are very valid points, but the complete lack of UI and UX design doesn’t make it the best. Just some basic things will suffice.

  • less redundant wording
  • critical info formatted to be on the same visual line
  • some simple icons added which roughly represent the info
  • a basic design (header, centered box with info, easy on the eyes colors)
  • basic responsiveness to support most devices
  • bigger font sizes for the critical info could further help visually impaired people

That would make the info quickly and easily digestible, even at a glance, for most people on most devices.

I get the point, but I wanted to show that well designed frontends make using the web easier for people with human-tailored designs. Of course, over-the-top artsy visuals, dark patterns, defiant handling of cookie policies, invasive data collection and corporations doing corporate stuff make the web annoying, difficult and unsave to use for humans. I think we need to differentiate between those.

[–] [email protected] 7 points 1 year ago (1 children)

basic responsiveness to support most devices

Dude, that is the mother of responiveness. It literally supports all the devices.

[–] [email protected] 1 points 1 year ago

Entirely true.

I'm currently working on a little project that's interesting to me (a low-spoiler walkthrough system for adventure games) and after a lot of back and forth, I decided to cut all of JS out of the picture. Just get rid of all of it, and do good old 90s server-side rendered HTML with modern CSS placed on top of it.

And that's, honestly, a joy. The first draft of a page looks like the first screenshot, then you add some semantic classes to the html and throw some simple CSS at it and it looks acceptably neat. And I could get rid of so much janky toolchain I just fail to understand.

[–] [email protected] 1 points 1 year ago* (last edited 1 year ago)

No one who is going to pay you wants that. All they care about is user engagement.

[–] [email protected] 27 points 1 year ago (5 children)

what is wrong with this frontend? not enough ads? loads too quickly?

[–] [email protected] 8 points 1 year ago

No cookie banner with the worst dark patterns of UX imaginable

[–] [email protected] 7 points 1 year ago (2 children)
load more comments (2 replies)
[–] [email protected] 5 points 1 year ago

I would hire you as my lawyer.

load more comments (1 replies)
[–] [email protected] 13 points 1 year ago (3 children)

The page at the top looks perfectly fine. It's useful, it gets the job done and it's lightweight.

[–] [email protected] 6 points 1 year ago (1 children)
[–] [email protected] 3 points 1 year ago* (last edited 1 year ago) (1 children)
[–] [email protected] 2 points 1 year ago

You sound like a backend developer.

[–] [email protected] 2 points 1 year ago

Oh thank goodness my browser doesn’t have to download hundreds of js and assets just to use a damn calculator

[–] [email protected] 11 points 1 year ago (3 children)

Good, that we have specialists for both and nobody is advocating that everyone should be doing full-stack work... oh wait.

[–] [email protected] 11 points 1 year ago

As a full stack developer I can assure you I can easily produce the result displayed in both those panels in the image 😏

[–] [email protected] 8 points 1 year ago* (last edited 1 year ago)

Full-stack development and devops: When you need an entire IT department but only want to pay for one person.

[–] [email protected] 2 points 1 year ago

"Full-stack" is just a term invented by stingy employers who try to get 2 for the price of 1

[–] [email protected] 10 points 1 year ago* (last edited 1 year ago)

A proper backend developer would have the query be a URL using the GET method with a parameter that the user can fill-in directly in the address bar and the result be a text/plain page with just a bunch of numbers separated by pipe characters (or an application/json page with that info encoded as JSON if you wanna be fancy).

This has the added advantage of working both for humans and as an API for use in machine to machine communications via HTTP.

[–] [email protected] 8 points 1 year ago (3 children)
[–] [email protected] 3 points 1 year ago (1 children)
[–] [email protected] 1 points 1 year ago (1 children)
[–] [email protected] 2 points 1 year ago

As far as I understand, they were offering free hosting and bad actors took advantage. They didn't want to start charging so they closed down. Like giving out candies on Halloween and one asshole takes the whole bowl. No candies for you kid, sorry.

[–] [email protected] 1 points 1 year ago

motherfucking website

One of my all time faves!

[–] [email protected] 5 points 1 year ago

Looks like a perfectly fine frontend to me.

[–] [email protected] 4 points 1 year ago (1 children)

God I wish weather pages were more like that first one.

[–] [email protected] 6 points 1 year ago (3 children)

I like to use this one: https://wttr.in/

You can get info for a specific city by appending it like this: https://wttr.in/newyork

[–] [email protected] 3 points 1 year ago
load more comments (2 replies)
[–] [email protected] 4 points 1 year ago

As a backend developer who occasionally has to work on the frontend, that top image is pretty accurate although it requires bootstrap smeared all over to pretty things up a bit. After that it will have the "Good Enough" seal of approval.

[–] [email protected] 2 points 1 year ago* (last edited 1 year ago)

in Paris

in Paris

in Paris

in Paris

What is this bloat? Trash site.

[–] [email protected] 2 points 1 year ago* (last edited 1 year ago) (4 children)
load more comments (4 replies)
[–] [email protected] 2 points 1 year ago (1 children)

What if I want the weather in Paris, TX?

[–] [email protected] 3 points 1 year ago

You need to fire a gun and to a really good bald eagle impression.

[–] [email protected] 1 points 1 year ago

I can make HTML look alright if I have to and it's simple enough requirements.

The real hell is making it look good in an email. Oh, you used something from the last 20 years of HTML/CSS progress? Well fuck you.

[–] [email protected] 1 points 1 year ago

The frontend developer made the backend so inefficient that it runs out of memory

[–] [email protected] 1 points 1 year ago (1 children)
[–] [email protected] 1 points 1 year ago

The simple form that shows 503 on submit?

[–] [email protected] 1 points 1 year ago* (last edited 1 year ago) (1 children)

I do front and backend work. Biggest issue I see is people not thinking through interfaces properly (e.g. efficiencies & atomicity of operations), sanitizing inputs on both sides, error handling, and putting in the appropriate validation, authorization & testing.

[–] [email protected] 2 points 1 year ago* (last edited 1 year ago)

My SO just said your comment applies to sex just as well 🤣🤣🤣

load more comments
view more: next ›