Using the Internet for the 1st time [Recipe Websites]

Подписаться 165 тыс.

Просмотров 117 тыс.

50% 1

Modern webdesign
Pete has awaken from an Emacs coma and attempts to learn User Interface design by surfing the web. On his way he comes across many well-designed, purposefully slowed-down, colourful recipe websites that teach him how good and modern UX webdesign needs to be like. It needs to resemble an orchestral piece: It needs to have tension.
Interview with a Web User in 2023 with Pete Liebering aired on the - aired on © The Modern Web User
More inspiration:
• The War against Web Bl...
Every Website in 2018
/ every_website_in_2018
State of the Web 2023
The ultimate guide to web performance
Web development
Css
Web vitals
Search engine optimization
Modern Webdesign
Javascript slow
Free software on the web
Libre software
Website design bad examples
UX design failure
UI design bad habits
HX design
human centered design
Website design failures
Browsing the Internet in 2023
Tor browser
Luke Smith
Programmer humor
eww browser
Javascript humor
Programming jokes
Programming memes
Javascript
Js memes
js jokes
#webdesign
#css
#javascript

Хобби

Опубликовано:

13 май 2023

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 451

@MrGuyronen Год назад

The 4MB JavaScript code to make the 2.71MB website "faster" had me in rage and in tears.

@adojck Год назад

One of JS files named botnet :D

@ea_naseer Год назад

Frontend based websites... but seriously I use so much framework code I don't really know main language.

@chillappreciator885 Год назад

Agree

@neonz2712 Год назад

@@adojck And another called bitcoin miner.

@roxas8999 Год назад

This is like this epitome of wysiwyg site builders lol

@davidb4020 Год назад

This is absolute gold. "Ads are doubling, we need to search the recipe faster"

@GeorgeTsiros Год назад

"for every doubling in processing power, software inefficieny quadruples" pretty much sums everything up. The internet has been mostly ruined. We're wasting energy for nothing. I wonder, how many gigawatts of power are wasted for serving all this crap, how much money? How much carbon is emitted?

@marsdriver2501 Год назад

@@GeorgeTsiros as sad as inefficiency is, it also means it's easier for people to create. It's not all bad and gloomy

@gogogalian Год назад

@@marsdriver2501 Doing this crap is way harder than having a static HTML page, which is what recipe sites could easily be.

@paulhorbenko9560 Год назад

@@gogogalian Clearly, it is all to enhance the experience.

@notdumbrella6399 Год назад

@@paulhorbenko9560 More like, to fish user data.

@SeriousBlank Год назад

"Oh, 6MB. That's like a standard size for a website. We could probably launch 60 Moon missions" LOL

@reddragonflyxx657 Год назад

@@mainStream-user The AGC has a 2048 word RAM and a 36,864 word ROM, both with 15 bit words (+1 bit parity). That's 30,720 (32,768 with parity) bits of RAM and 552,960 (589,824) bits ROM for 583,680 (622,592) bits total. I'll just count ROM bits without parity (network transfer size doesn't count RAM use from JS or decompressed images, so I won't count AGC RAM either). 6 MB (not MiB, this is network traffic) is 6×1000²×8 or 48,000,000 bits, which is ~86.8 times the ROM size. Of course, the Apollo spacecraft had redundant AGCs on board and the Real Time Computing Center on the ground (which had IBM System/360 Model 75 mainframes, probably 5 of them).

@jerrygreenest Год назад

Imagine explaining the future with 6mb «programs» barely worth of a food recipe to a scientist making 4kb moon launches

@pescieccellenti3989 Год назад

This killed me lmao

@silentfox740 5 месяцев назад

@@jerrygreenest possible with few words, to be honest. "Market competition".

@coolm98 2 месяца назад

@jerrygreenest this brings really brings me aome sad tears

@jasnarmstrng Год назад

"What is this white-space for, for note-taking?" 😆

@ff7522 2 месяца назад

I lost it at that line lmao

@tylerljohnson Год назад

having worked in this content-space, this isn't a comedy, it's a documentary.

@varadinagypal Год назад

exactly what I just wrote. I was expecting something funny, with a punchline, but... it's a documentary.

@CommanderSteps Год назад

Indeed. Like the recent HR documentary. 😄

@GeorgeTsiros Год назад

... who said it is comedy?

@Wozza365 Год назад

A painful reality of what the web looks like these days. I'm surprised anyone manages to use it without ad blockers etc. And what's worse is half these articles are probably generated by an AI

@Silencer1337 Год назад

So... how does it happen? Is it really just a long bloodline of interns trying to survive in the face of customer's who don't know what they want while regulators don't know what they're doing?

@kronk2294 Год назад

This is the most low-key savage destruction of all of modern web development I've ever seen...

@yannick5099 Год назад

Science gave us powerful hardware, script runtimes and layout algorithms. The ad industry still manages to single-handedly nullify all that progress by only showing some texts, images and animated graphics. Beautiful.

@einsteinx2 Год назад

I’ve been using ad blockers for so long I honestly forgot how bad the web is without them. Jesus…

@doomtho42 Год назад

That was my main takeaway here as well. That, and a reminder of the fact that advertising is/was/will be the downfall of humanity.

@gblargg 11 месяцев назад

@@doomtho42 Or the humans that put up with the ads.

@ninek8 11 месяцев назад

Worst part is we might lose ad blockers I'm a few years

@DoctorRainer 10 месяцев назад

@@ninek8 It's virtually not possible

@sleeplessdev7204 9 месяцев назад

@@ninek8 Better learn to set up pfBlocker or PiHole

@ih8people Год назад

"Before we get to the recipe, let me explain to you how this chicken chow mein recipe almost saved my marriage" Peak internet moment here

@scorch855 Год назад

A moment of silence for the chow mein poster's failed marriage.

@almicc Год назад

just realized that it said "almost" as in the marriage was not, in fact, saved by the chow mein recipe.

@willmorris574 10 месяцев назад

It’s that exact amount of sad cringe that makes it feel like truth too 😢

@reen6904 Месяц назад

@@scorch855💀

@CompanionCube Год назад

you‘d think this is comedy, but this just sad reality

@EdwardKen Год назад

The sad part is that for the upcoming generation, this is the norm.

@varadinagypal Год назад

my thought exactly. I was expecting something funny. But... it's a documentary actually. Same goes for google. The results are somewhere between sponsored and total garbage, either generated garbage or timezone-written-cheap-labor garbage. Basically none of my old google tricks work, due to the SEO poisoning and such.

@EdwardKen Год назад

@@varadinagypal what do you think can be the solution?

@queenstownswords Год назад

@@EdwardKen bring back the blink tag... I could not resist...

@anima94 Год назад

@@EdwardKen websites linking to other non-shit websites again.. kinda like before google

@extremeheat7947 Год назад

One of the pages literally had a bitcoin miner script in it 😂

@ninocraft1 Год назад

based

@BrotherCheng Год назад

Around 6:08 for those curious. I just want to know if that was added in post for a joke, or actually what the website has.

@9SMTM6 Год назад

@@BrotherCheng I did disable all my protections and went for it, could not spot it. Could be that it was removed or that it doesn't always trigger, or because my OS is Linux (though JS should work just the same, but someone malicious might want to avoid getting detected and thus don't do it on Linux).

@eUnkn0wn Год назад

@@BrotherCheng Probably served via ads?

@Nukestarmaster Год назад

All of them did, along with a botnet and a tracker of some kind.

@BrotherCheng Год назад

Usually this channel's videos would at least be somewhat making fun of the fictional character, but in this one I feel like I share the confusion and rage with him 100% lol. Most of these "modern" websites are borderline unusable, and I'm saying that *with* adblocker on.

@ILsanIsAdmin Год назад

Got me rolling on the "golden ratio of website design" joke

@SunDevilThor Год назад

The internet is unusable now a days without an adblocker.

@MaeLSTRoM1997 Год назад

not just an ad blocker, but a javascript blocker.

@maxwellflitton3973 5 месяцев назад

I really resisted using an ad blocker for ages because I appreciate that they have to keep their website alive somehow and they're giving me free content. However, the average website literally got to the point where I could barely use it. It took forever to load and there were like 20 pop-ups when trying to read a basic list. Eventually, I had to install an ad blocker so I could actually use the website...... I don't want to meet the frontend "designers/developers" who think that these sites are functional and publish them

@unfa00 Год назад

I get this shellshock anytime I try to use the Internet through a normie's computer that doesn't block 80% of everything and I wonder why do people still bother using Internet when it looks like this. I'm sure in 10 years this'll look super tame and user-friendly.

@varadinagypal Год назад

I have a ton of blacklists on my custom router. I also wrote my own browser for my phone, some sites it proxies, some parses and strips before rendering in the webview. The internet is becoming unusable.

@marlyman123 Год назад

@@varadinagypal any tutorials?

@xqtggru Год назад

за шчооо

@varadinagypal Год назад

@@marlyman123 part of it is trivial. Write an android app, featuring a webview. Put in hooks in the webview, to catch GET requests and filter them against a blacklist. Also, since many websites play around with the javascript timers, knocking out userscripts, write your own trigger into the java app, to inject javascript function calls - and yes, have your own script injected into the webview, along with custom styles. It's kinda trivial, actually. I mean the blacklist is kinda longer than the source code itself.

@kunns123 Год назад

oh unfa is here

@davidbakin Год назад

It's the _details_ in these videos that make them so terrific! To get to the internet he just naturally fires up Tor ...

@ProOmgHeadshot Год назад

Using HackerNews as a search engine is too relatable.

@ped7g Год назад

I don't really mind you switching from parodies to documentary, really like your first serious piece here, excellent work.

@andrewwashburn9357 Год назад

Best satire yet! UI/UX is so overstated yet so under utilized.

@varadinagypal Год назад

Sadly, this is more like a documentary, not a satire. A documentary with some funny lines, morbid humor.

@TelmaFrege Год назад

Satire? Reality 😔

@jordangopie5244 Год назад

The framed photo of Stallman though 😆😆

@vhr Год назад

that's an ad. that's a recipe. that's an ad. that's an ad. that's a reci- oh wait no it's ad disguised as a recipe my bad

@robertjenkins6132 Год назад

It's true: The recipe websites are so incredibly verbose. Sometimes I look up how long and at what temperature I should air fry some food I bought. I scroll through paragraphs and paragraphs of text and pictures and ads, when all I need is (1) temperature and (2) how many minutes. These people (or AI?) somehow write an 800-page dissertation for what should be a few sentences, a simple recipe.

@cowofwar Год назад

the point is to maximize ad impressions

@redgt827 Год назад

blogger journalists do this a lot too, it's really annoying you click for what should be 1 paragraph and are given an entire irrelevant essay it's like their page is meant to be as full of ads as possible and the only way to keep you scrolling is to hide their actual information behind a wall of text

@joaquinillo_ Год назад

Its just SEO

@BrunoNeureiter Год назад

Isn't that written on the back of the package you bought?

@mechadeka 9 месяцев назад

Turns out that all those long essays they forced us to write in school were just preparing us for our future careers as professional bloggers.

@quazar5017 Год назад

I learned webdesign in art school. The teacher was pro and told us a good website doesn't even need CSS. It took a while for me to learn, but after 6 years and a dozen iterations of my personal homepage it now consists of a , and four and is basically indestructable. :)

@zangl2955 5 месяцев назад

Lol. I hate learning css but like to write. Maybe I’ll just make your site style instead.

@chillappreciator885 Год назад

Man, that's brilliant. If someone asks me why do I hate the web nowadays I'll send this video

@AntThinker Год назад

03:56: How on Earth could he click Accept when there's obviously the Manage Settings button, which, after 6-7 minutes of clicking, would allow you to proceed with slightly fewer accepted cookies?

@Tn5421Me Год назад

I believe tor deletes cookies on exit by default. Not 100% sure tho.

@guruware8612 11 месяцев назад

he's playing a web-newbie, newbies have no idea about tor. a beginner-user doesn't think about managing vs. accepting, even 'advanced' users miss that, there should be a reject all-button, but there is none for obvious reasons. not a single cookie is needed to "improve browsing experience" - if there is need for improvement then your developers failed to do so did you know that you already have a cookie put onto you system before it asks that question ? just don't click and register everywhere.

@MasterSergius Год назад

This is a first video on this channel, when I wasn't laughing, but was crying a lot.

@tsvetislavrangelov5932 Год назад

these are brilliant man, every time I get one in my feed I immediately watch it, thank you!

@_DRMR_ Год назад

This is fantastic. I'd love for you to review the entire internet, one video at a time!

@watsonwrote Год назад

"Does this look like a bad UI?" Absolute gold Also I forget how unusable the internet is without adblock

@kelownatechkid Год назад

the 'get an email from my provider if this keeps loading' joke is incredible XD

@_ryju_ Год назад

"For every doubling of network and hardware speed, inefficiencies in software quadruples." Meanwhile nvidia: "Hold my beer and let me introduce you to ray-freaking-tracing so you can look at puddles in video games and buy 1800$ consumer GPUs!"

@BusinessWolf1 Год назад

doesn't that mean there's truckload of money to be made in low level optimisations of high level inefficient stuff

@heartache5742 Год назад

@@BusinessWolf1 but that's all actually difficult and no one wants to do it

@ky3ow Год назад

@@BusinessWolf1 as far as i know its not hard to make ray tracing, it just needs more computing power, raytracing itself is not new and has been used for decades

@bierernst1 Год назад

@@BusinessWolf1 reimplementing the wheel over and over doesn't really give you the chance to do these kind of optimizations. Its also not life saving that the websites load faster most of the time so ....

@gogogalian Год назад

@@bierernst1 "It's also not life saving that websites load faster". Idk, using these websites makes me want to off myself

@stevebrown5597 Год назад

“All the buttons you need are visible” tea came out of my nose

@mbrav Год назад

I haven't used the Internet in ages... outside of Emacs. I'm ded

@Alexander-Hatala 11 месяцев назад

Fun fact: The white space is to add padding between display ads on the viewable screen to stay compliant with ad supplier networks.

@jlp2011 Год назад

as a food loving geek/nerd: “before we get to the recipe lemme blah blah blah blah” nails it.

@striderstache99 Год назад

as a frontend dev, I'm sorry.

@killingtimeitself Год назад

i must regret to inform you that as a member of society we have collectively decided that we are going to crucify you for your crimes against society as a whole for eternity.

@GeorgeTsiros Год назад

did you agree to make stuff like this?

@cubicinfinity2 Год назад

@@GeorgeTsiros No. Instead of being allowed to maintain the type of website it should be, we get forced and rushed into producing this.

@MightyBrend Год назад

I'm a front end dev. I get asked to build stuff like this all the time

@striderstache99 Год назад

@@cubicinfinity2 you have no idea. Never work for government consulting. Ever.

@killingtimeitself Год назад

This is the single best thing to come from this channel so far.

@grapy83 Год назад

Nope! There have been multiple masterpieces.. Just for specific nerds out there 😆

@killingtimeitself Год назад

@@grapy83 there is a lot of good stuff on this channel dont get me wrong, but i think this one is definitely the most universally representative.

@grapy83 Год назад

@@killingtimeitself fair point 👍

@TheBlackClockOfTime Год назад

Audacity literally one of the best UIs out there.

@sandoh9500 Год назад

Wait until Tantacrul fixes it

@varadinagypal Год назад

Good but not the best. I used to be a radio person, and audacity always felt like a left hand scissor in one's right hand. Good, but very far from perfect, proprietary tools were lightyears ahead. At home, I use audacity though.

@heartache5742 Год назад

it is not intuitive at all and the grey hurts my eyes but i've used fl studio for about 35% of my life so maybe i'm just a baby

@TheBlackClockOfTime Год назад

@@heartache5742 it's possible

@grmpf Год назад

@@sandoh9500 I can't tell if this is a jab at Tantacrul or the opposite.

@certaindeath7776 Год назад

"we want the full experience" deliberatly not using an adblocker for an adventure trip through the internet

@programmersarealsohuman5909 Год назад

Twitter: twitter.com/KaiLentit

@arjundureja Год назад

your website doesn't have enough ads and social media links

@markrlondon 9 месяцев назад

Please remove the start of the video, that belongs with the free software video.

@Mikenight120 Год назад

Best documentary with complete facts and evidence of our current internet. Man deserves a prize.

@StdDev99 Год назад

Damn this is absolute gold this time! But seriously why do they design crap websites like that? Are they just incompetent or that's on purpose? Do they just want to push their users away?

@StephenHoldaway Год назад

The long waffly content is to game search engines to rank higher, and to keep you on the page longer to show you more ads. Financially motivated content has ruined the internet pretty much

@StdDev99 Год назад

@Stephen Holdaway Somehow it's good that we have ChatGPT and other AI tools that could solve this problem. It could just extract the important part so we don't have to get into this mess.

@keith3761 Год назад

@@StdDev99 fuck man, using chat gpt for recipes is a amazing idea! Thank you! I can even ask it to add stuff I have to the recipe and it does!

@varadinagypal Год назад

SEO poisoning.

@varadinagypal Год назад

@@StdDev99 however, if by any chance that is how the traffic (and money) was meant to flow, having so many crap sites immediately shines an other light on who benefits here, and who loses.

@mllenessmarie Год назад

Ok, but for real - most websites nowadays truly are garbage :c

@HoseinRezaeianzadeh Год назад

The reactions to white screens are awesome 😂 Also the tradeoff 😂😂😂😂

@jonbyrd327 Год назад

The web went from being the #1 source of malware to being malware

@ab.3800 Год назад

Botnet1 is a good JavaScript file name 😂

@sanyo_neezy Год назад

this was the definition of painfully accurate

@grapy83 Год назад

TRUE!

@WavelengthCJS 8 месяцев назад

"Before we get to the recipe, let me explain to you how this chicken chow mein recipe almost saved my marriage." That opening sentence in the first article had me dying haha

@incremental_failure Год назад

I used to create websites back in 19...19...19...1997. Mine was exemplary for clarity and speed compared to this, it loaded faster that this trash even on dial-up. Search results also had almost no spam, I miss the 19...

@gladykov Год назад

Trying to find information today, is like walking shopping mall, looking for a residential area

@rewrose2838 Год назад

Please make a sequel where he tries an ad-blocker for the first time!

@flippert0 6 месяцев назад

I applaud the tasteful and restrained color arrangement of sweater and wallpaper!

@HandscharGeorgeCostanza Год назад

"The golden ratio for website design" they call it the fibonAdcci sequence

@mariotabali2603 Год назад

Left like. Will watch later. Never give up!

@jblumenstiel 7 месяцев назад

Gotta say man. This is pure genius. Thank you!!!!

@kamsai5132 Год назад

I envy him for his Selfcontrol

@shokhdev Год назад

White color get me 😂😂

@daveys 9 месяцев назад

6:04 - The names of the js that are being loaded. These videos are just gold. Well done!

@grimonce Год назад

@5:55 These are ad producer bids. Eg. Google, Meta and others bid for the space on the website when a new user is present. The highest bid gets a chance to show an add... just attented a nice talk about this.

@KangoV 6 месяцев назад

I love the picture of Richard Stallman on the wall. Just awesome!

@hovhadovah Год назад

"Okay, these things are doubling again" 😂

@jessicaryan9820 Год назад

As always - best of the best!

@mikhailryzhov9419 Год назад

Flashbang sound for the default light theme, nice. Disabled noscript in the Tor browser? I salute your sacrifice.

@beeasy247 Год назад

"We have 5g in the favelas" ... that monotone delivery is perfect 🤣

@yoavravid7893 Год назад

What I like to do with these websites is to delete their ads through the devtools. This approach also makes the website much faster as it doesn't need to load a million ads and can just focus on loading the resources.

@amandahugankiss4110 4 месяца назад

Perfect cut at the end.

@decky1990 Год назад

“Of course, I wrote it in Rust” 😂

@butthog9663 Год назад

masterpiece. you never miss

@dvrsflrs 10 месяцев назад

this is a spot on analysis of the current state of the internet.

@GiantsOrbiting 4 месяца назад

The Golden Ratio of website design,.... Nailed it!! 😂

@chrfit1 Год назад

"What is this white space on the right for? For note taking?" Nearly fell off my chair 🤣

@sergekabwizi8051 Год назад

men you are very good, dont ever stop

@JohnSmith-ox3gy Год назад

I thought I wouldn't be able to compete with all the fancy progress in the field of webdesign. That has been confirmed true, I could never compete with these modern horrors.

@565paolo 4 месяца назад

Awesome the Audacity screenshot at 0:45 is a random screenshot taken from the internet. Text is in Italian

@elacast3121 Год назад

okay, this was 100% relatable! So funny and so sad. Great video!

@0xatul Год назад

The most funny part of the video is that, out of all this nothing is funny but rather reality.

@aarondcmedia9585 Год назад

Nailed it. Even with an auto ad blocking browser, recipe websites are full of wtaf.

@linuxbrad 6 месяцев назад

"Never go for the first one" (web search result). Words to live by.

@xenonchikmaxxx Год назад

I really enjoyed calmness of emacs guy

@SturmxHawke 11 месяцев назад

This was such a journey. It went from English, to Dutch and then Finnish(?) advertisements

@empanada223 7 месяцев назад

"Does this look like bad UI!?" -- Uumm...no, actually! It's workable, the widgets are neatly organized. There's a big display pane in the center that shows what the thingie does. What it is, though, is a little too bright. (1:04)...Yup! I felt _that_ !

@108u9 5 месяцев назад

The light mode flash bang 😂😂

@jonahturner2969 Год назад

Sharing this shit everywhere dog, amazing work

@GmailNexus Год назад

Mastapiece!! ❤

@oat1000 8 месяцев назад

"Does this look like a bad UI?" - its not open source but Maya is even more fitting for this joke imo. That program is so complicated and covered in buttons and dropdowns that open other windows with even more buttons and it just makes my head spin

@lollertoaster Год назад

I expected to see you make fun of Emacs/GNU user, I wasn't prepared for that! As an Emacs user I 100% agree, websites with pictures are already extra for me.