8 ms·
Make Front End Shit Again (2018)
- boffinism 5y agoYou can still make shit websites. Lots of people do. The problem is, they're more fun to make than to visit. So don't get huffy if potential visitors go to social media instead.
- neya 5y ago> The problem is, they're more fun to make than to visit. This is not true. https://motherfuckingwebsite.com/ https://motherfuckingwebsite.com/
- tjpnz 5y ago>So don't get huffy if potential visitors go to social media instead. Which is also shit, albeit more expensive shit. Facebook looks like a Fischer Price toy due for a recall.
- DocTomoe 5y agoWe prefer to call it "appropriate for the key demographic".
- axegon_ 5y agoDrop the annoying music and it's perfect. Beats the "modern" gibberish which requires server grade hardware to be semi-useful(and that is coming from someone who's main computer hasw a dual-socket motherboard with two 14-core xeons filling those sockets).
- Narann 5y agoThe music is actually straight to the point.
- qbasic_forever 5y agoEvery geocities site back in the day had a MIDI file autoplaying on view. This is exactly on point.
- not-my-account 5y agophotosofben.com
- LazarWolf_ 5y agoWhere’s the guestbook?
- raverbashing 5y agoNo guestbook, but the number of signatures keeps going up somehow
- napsterbr 5y agoThis just reminded me of the timeless, legendary https://wwwwwwwww.jodi.org/ https://wwwwwwwww.jodi.org/
- polycaster 5y agoYeah that‘s the good shit! Wait, what… JQuery?!
- markdown 5y agoMootools FTW!
- seattle_spring 5y agoDojo would like a word.
- mradmin 5y agoLet's not forget about http://prototypejs.org/ http://prototypejs.org/ & http://script.aculo.us/ http://script.aculo.us/ for modern Web 2.O
- xivzgrev 5y agoYea that one surprised me. Everything else was pretty spot on…but she needs to add a guestbook
- sirmarksalot 5y agoAnd a hit counter
- alex_suzuki 5y agowebrings, anyone?
- amatecha 5y agoonce I actually add a bit more content to my site I'm planning to add my site to the merveilles/XXIIVV webring! https://webring.xxiivv.com/ https://webring.xxiivv.com/ :)
- 5y ago
- unnouinceput 5y agoMy eyes hurt. No thank you.
- tonyedgecombe 5y agoWait until you see this: https://www.lingscars.com/ https://www.lingscars.com/
- hulitu 5y agoThis is a bit heavy but it's creative. And the info is not hidden after dark patterns or hamburgers. One can see where the menu is and can easily navigate to rent a car.
- petepete 5y agoIt's designed incredibly well and the aesthetic makes it stand out from just about everyone while still being accessible and usable. The designers and devs must know their stuff to pull it off. Kind of like Les Dawson playing the piano.
- pjerem 5y agoWow it’s truly amazing. I want to lease Ling a car but I don’t live in the UK. I also love the content: fun but still really clear about everything you may need to know, with a lot of useful details just there. Really cool.
- ambericanonion 5y agoThis is one of my favorite sites from a design pov. Oddly enough i initially found it by searching for 'the worst sites on the internet'. In an earlier incarnation it also handled sales and had individual listings in the same style. Awesome stuff whoever you are.
- xcambar 5y agoLike it or not, people had to be really creative to get things done the way they wanted. Their creativity paved the way for new features, whether with HTML, CSS, JS, security, and whatnot.
- surajs 5y ago
- sinab 5y agoThe GitHub repo made me lol: https://github.com/SaraVieira/make-frontend-shit-again https://github.com/SaraVieira/make-frontend-shit-again
- winrid 5y agoHa, did not expect Vue and actual individual components.
- mjhagen 5y agoYeah, this joke goes a bit deeper than its veneer let on.
- amatecha 5y agoThis is awesome hahaha > It's complicated on purpose btw, I wanted to do it in ReasonML and GraphQL but I didn't have time as this was done in an afternoon hackathon
- skinkestek 5y agoI'm on mobile. It loads quick. I saw no ads. It was reasonable straight to the point: no explanation about this being grandmothers pie recipe or anything to that effect. (In fact, if you consider the point of the website to be funny it is actually straight to the point.) If it is fast, doesn't track me and provides the answers I need I can put up with some animations. I'd say what we have today is far more problematic than a few animations. Also, most surviving websites from that era aren't that bad when it comes to animation: use marginalia to search for food recipes and see what I mean.
- styeco 5y agoAnd it's all done in Nuxt.js/Vue
- hulitu 5y agoSame experience here. It loads instantly when 99% of the sites need 30s to 1 min to load. It looks decent on mobile (not too big, not too small). Contrast is good, fonts are readable. This guy should give web design lessons.
- King-Aaron 5y ago> This guy should give web design lessons https://twitter.com/NikkitaFTW https://twitter.com/NikkitaFTW I would assume it's 'this girl', but I do agree
- brettermeier 5y agoIt looks like poo on mobile, no offence, but you can't see the whole page and you can scroll to the right and stuff. It's just ugly.
- onion2k 5y agoI loaded it on mobile too.. - Horizontal scrolling because it isn't properly responsive. - it doesn't reflow when the device orientation changes - no sound (there's an audio control so I guess there's meant to be..) - the audio control sits over the flags - wildly different text sizes everywhere - so much layout shift - from an error loading the Korean version I think it's running on a platform that tracks what users do (serverside tracking is mostly fine in my opinion, and unavoidable really, but it's still tracking). It's fun, and oddly similar to my first website actually, but I'll take the modern Web over this sort of nostalgia every time.
- seattle_spring 5y agoI feel like I had a literal flashback seeing the little Netscape gif at the bottom. Wow, what a trip.
- VRay 5y agoObligatory link to a modern Geocities-esque collection of mini-sites, Neocities: https://marijn.uk/linkroll/ https://marijn.uk/linkroll/
- prox 5y agoNeocities FTW!
- taubek 5y agoReminds of od days when GeoCities were around. Except there was no jQuery at that time :)
- denago 5y agosmile.rip
- true_religion 5y agoSomeone once told me, “you will know what nostalgia truly is, when you see a younger generations nostalgia and think it’s still shit because you are too old for that to have been your childhood”. The jQuery era is something I’d never want to go back to. Not because jQuery was bad, but because the basic DOM api was so poor, JavaScript was much more limited and incoherent, and webpages made anything outside of text input difficult (e.g. no voice, no gestures).
- dehrmann 5y agoI remember when web pages looked like that. I used the same animations and hosted on Geocities. It's shit. I got a smirk out of seeing it again, but I just felt embarrassed for 1998 me.
- amatecha 5y agoI remember when web pages looked like that... and it was AFTER I started making websites. I was scrolling through this page thinking "this stuff is too new, look at all these advanced features it's using". Flaming text? That's like 1999, practically cutting-edge! hahah :)
- croon 5y agoIn this case I could alter that to: "You will know what nostalgia truly is, when you see a younger generations representation of nostalgia and you can point out all the anachronisms in it." Netscape 3 and websites that looked like that: 1996 Geocities: 1994-1999 (so far so good) jQuery: 2006 Blink: 2013
- skilled 5y agoAn adjustable volume bar? That's the equivalent of using Vue.js back in the 90s. Sorcery. EDIT: Jokes on me. This site is built in Vue.
- ryan-allen 5y agoThat website was built on Vue? POSERS!
- endgame 5y agoRelated: https://www.cameronsworld.net/ https://www.cameronsworld.net/ A great mural of old internet gifs, and autoplaying MIDI music.
- deleted 5y ago[deleted]
- Hamcha 5y agoSome of my friends are finding a lot of neat websites under https://neocities.org https://neocities.org, a Geocities-inspired service. They are all light and easy to parse, so I hope everyone there the best! If you have a friend who'd like to mess around with that style but isn't tech-savvy enough, I've had my share of fun on https://mmm.page https://mmm.page
- JodieBenitez 5y agoLoads of fun web here: https://theuselessweb.com https://theuselessweb.com
- srcreigh 5y agoThe opt- in nostalgic music and the broken "____citis was d___" on mobile kills me.
- exitb 5y agoThe website makes bold claim of being best viewed in Netscape 3. That does not seem to be the case though https://i.imgur.com/WKpmd28.png https://i.imgur.com/WKpmd28.png
- hbbio 5y agoWow, that's the nostalgia at the bottom of your screenshot: "27% of 3182K (at 1.5K/sec, 25:33 remaining)"
- hulitu 5y agoFor me it's not nostalgia, it's reality. I could not believe that in 2021 i will experience internet like in 1996 waiting for an image to load. But it seems that we are cursed.
- mjhagen 5y agoI love this! Netscape 3 was a pretty tough browser to get stuff (especially JS) working in.
- fabioborellini 5y agoImgur was again an example of shitty design. I could not use iPhone’s quick look to check the screen shot. I had to open the page only to consent to all cookie usage, and after giving consent the image opened in the Imgur app. Why would it ask for consent again and again, and why didn’t it open the app immediately?
- parski 5y agoThe hero we need.
- rbinv 5y agoI can see the alert() debugging already.
- brettermeier 5y agoThe whole website is nothing but nostalgia bullsh*t :D
- Mikejames 5y agoSorry mate can i get light mode, it’s too dark for my eyes
- bryanrasmussen 5y agoHey why is it that all these sites are always about how the old web was good and we should make things like the old web, but the only thing they ever make is stuff about how we should make things like the old web. I mean I would expect them to after making the first site suggesting you do it like this, to make a number of sites showing the aesthetic put to other subjects of interest. Like, Carl's Icosahedron Spot on the WEB might be an example site but no. It's almost like they don't have anything else to say but make it like it used to be.
- accrual 5y agoI browsed a bit and found this nice index on Neocities: https://districts.neocities.org/ https://districts.neocities.org/ It's almost all content and little "make the web old", yet it still draws on the old and fun aspect of the early internet.
- tdeck 5y agoWhat people miss isn't the thing, it's the feeling that the thing was novel, exciting, and good enough to be appreciated. People stayed up late creating these quirky little sites full of copy-pasted GIFs and cursor trails and felt proud of them. In retrospect it feels like a simpler and less self-conscious time. I'm not sure if it really was, though. For example, the "under construction" convention was basically a way to say "don't judge my website too harshly."
- amatecha 5y agoSo many people make websites that basically look like they are from the 90's (though without all the animated GIFs haha), and use basic features without any strictly-modern stuff. These are just a few off the top of my head: https://cblgh.org/ https://cblgh.org/ https://technomancy.us/list https://technomancy.us/list https://alexschroeder.ch/ https://alexschroeder.ch/ http://100r.co/site/about_us.html http://100r.co/site/about_us.html https://dataswamp.org/~solene/ https://dataswamp.org/~solene/ https://rgz.ee/ https://rgz.ee/ https://www.bsdly.net/~peter/ https://www.bsdly.net/~peter/ https://codevoid.de/ https://codevoid.de/ https://www.undeadly.org https://www.undeadly.org https://compudanzas.net/ https://compudanzas.net/ http://altexxanet.org/ http://altexxanet.org/ http://sdf.org/ http://sdf.org/ https://solar.lowtechmagazine.com/ https://solar.lowtechmagazine.com/
- chrismorgan 5y agoThere are a few things here with `width: 100vw`. This is annoying on platforms that don’t use overlay scrollbars because 100vw is wider than the page and so forces a horizontal scrollbar, and I don’t think it was done deliberately. All should be changed to `width: 100%`. (The viewport units are fundamentally stupidly broken by design, including scrollbar areas, so that if your website has scrollbars they will give you a wrong answer, that the actual viewport width will be things like 17px less than 100vw. There used to be a convoluted way of unbreaking the units with the mild side-effect of forcing the presence of a scrollbar—it involved `overflow: scroll` on the body element, from memory—but Firefox was the only one that implemented it and after some years they collectively gave up and removed it from the spec. So now I say there are literally zero completely legitimate and reasonable uses of viewport units, though there are a few uses where the amount of error is tolerable, though still not a good idea.)
- aamederen 5y agoa shittier version is https://bitfission.com/ https://bitfission.com/
- dpcan 5y agoStill use JQuery all the time as a WP dev. And ftp too.
- Sporktacular 5y agoAw I memba. Yeah, but it looked shit.
- cblconfederate 5y agoThere s nothing "old" about jquery, quite the opposite. the github projects based on jquery actually work, while almost everything made for the "post jquery" world is abandoned, totally not working, or impossible to develop on.
- divbzero 5y agoOh shit, you disabled right click? And a rather modern approach for doing it: <script> export default { mounted() { document.addEventListener("contextmenu", event => { event.preventDefault() alert("Right click is disabled!!!") }) } } </script> https://github.com/SaraVieira/make-frontend-shit-again/blob/8a038ecc2a25814c843e45d38576d6da6dbbdce9/layouts/default.vue#L7-L16 https://github.com/SaraVieira/make-frontend-shit-again/blob/...
- Accacin 5y agoMaybe you know, but it might help someone else. Hold shift when right clicking and it works :D
- divbzero 5y agoInteresting, I did not know about shift + right click. It appears to be a browser feature in Firefox to avoid abuse of the contextmenu event. The same trick did not work in Chrome or Safari.
- qwerty456127 5y ago> We need to make dumb shit! Make useless stuff; That's what we mostly are doing nowadays. Over 80% of the information on the web could be communicated much more efficiently without 80% of the "modern" bullshit.
- pmontra 5y agoIt looks like shit but it loads faster than Medium and a lot of similar sites that stare at you with a blank page until JS finally shows the text/img content HTML was designed to display since the early 90s.
- ryan-allen 5y agoMedium usually tries to make me sign in or sign up, which is even worse.
- shrimpx 5y agoThis is useful to know (wrt it being written in Vue/Nuxt): > It's complicated on purpose btw, I wanted to do it in ReasonML and GraphQL but I didn't have time as this was done in an afternoon hackathon
- makach 5y agoI was a little sad that the inspirational websites portion was empty, other than that, good clean fun...I suppose?
- qbasic_forever 5y agoIf you need some inspiration: https://www.spacejam.com/1996/ https://www.spacejam.com/1996/
- novok 5y agoPeople do, but your not a kid anymore and don't do it yourself and you don't browse such things anymore either. The tools are bit different this time, the pieces of art different too, but they are still being made. One example I like is CYOAs: https://www.reddit.com/r/makeyourchoice/ https://www.reddit.com/r/makeyourchoice/ or twine games. Roblox games and minecraft creations are another example.
- darkwater 5y agoGeocities-style pages never had that kind of super long and scrollable pages. iframes and menus on both top and left sides FTW.
- frozenport 5y agojquery (2006ish) with the 90s web (blink tag) is historical anachronism.
- brainwipe 5y agoIt's missing links to other dumb shit so that I can surf but otherwise, it's on point.
- amatecha 5y agoIn case anyone needs the best GIFs for their website, you can peruse GifCities! https://gifcities.org/ https://gifcities.org/ You know you need that Netscape spinning-cube GIF.
- emreb 5y agoIt missing the rotation @ logo for email us.
- emreb 5y agoOh also I did not see a table with border=2
- tonis2 5y agoIt's a shitty website, but still uses like 500mb of node_modules to build, that's not the way we should be going to.
- brettermeier 5y agoSo true. If you want to build an oldschool website do it the oldschool way! Otherwise it's kind of lame...
- archi42 5y agoMight be part of the joke ;)
- deleted 5y ago[deleted]
- lvs 5y agoThis appears to be very much on purpose.
- spongeb00b 5y agoIt's like they got things reversed. What I miss about old web dev is the simplicity of the tooling: no complex build systems, "CI" was just uploading your changes via FTP (maybe using something like Dreamweaver's features for keeping track of which files you've edited), and basically zero server config. What I love about the web now is the rich features of modern HTML, CSS, and JS. I no longer spend my days debugging weird browser quirks. What I hate most are the fragile build and server environments.
- break_the_bank 5y agoOne of the funny things that pulls me to web3 is that their websites already kinda look like this and I don’t have to do a lot of design work. Plus most of those apps don’t support mobile so no app dev!
- dozzman 5y agoyo its the UFO mouse that got me
- TonyRobbins 5y ago
- iou 5y agoLove that scroll effect
- dmitrygr 5y agoOOOF... W3C HTML validation fails https://validator.w3.org/nu/?doc=https%3A%2F%2Fmakefrontendshitagain.party%2F https://validator.w3.org/nu/?doc=https%3A%2F%2Fmakefrontends...
- deleted 5y ago[deleted]
- trevormcneal 5y agowhat this site got wrong is just "remember jquery ?", this was a modern thing back then and almost nobody used. Would make more sense "remember tables for everything ?"
- mojuba 5y agoYep, and 1x1 gifs for sizing certain unsize-able elements. I'm building a web site currently, after a looong break from web development. It's almost unbelievable how much cleaner HTML, DOM and JS have gotten. It's more of a pleasure (only relatively to the previous eras) building pages and you actually don't need frameworks.
- Ueland 5y agoAnother classic site to show in this regard is this Norwegian online store. https://arngren.net/ https://arngren.net/
- gfd 5y agoIt's been such a long time since I've seen a <marquee>
- qbasic_forever 5y agoWe need a simple modern serverless hit counter image like every site used to have back in the day. Maybe a S3 bucket that hosts the hit counter image and then a lambda cron job that wakes up every few hours to crawl the S3 bucket access logs, aggregate the hit count, and write out a new counter image to the bucket.
- stillblue 5y agoThe nostalgia is so overwhelming I'm super sad now. Such good times!!!!
- Dave3of5 5y agoBlocked by my corporate firewall: > Elevated Exposure Sites that camouflage their true nature or identity, or that include elements suggesting latent malign intent.
- rplnt 5y agoI wish every site worked like this. Meanwhile I wait for my expensive company notebook to barely handle the 30+ MB of JavaScript Jira downloaded to render a text form which is also completely and utterly broken.
- ahmed_ds 5y agoThe good ol' days. When people had limited resources, infinite imagination and they made compromises in there design choices. Now we have infinite resources but we have design and standards and guidelines and boxes and structures and grids and SEO and accessibility.... I think if you are building things on the daily we have to go through a resource limitation sabbatical.
- just-tom 5y agoIt's easy to make this kind of one pager, when you don't need to include complex user flows. No registration, no account, no search, no products, no modal, no navigation, not even a form. There's literally just text, images and one embedded HTML5 audio component. When you do, design tends to be attracted to the conventional side. However, I do miss the concept of websites taking the lighter approach, not trying to imitate enterprise design by fully optimizing every part of the website, and just thinking what's fun.
- nathias 5y agothis is much better than the standard: cookie accept menu,adds, playing video blasting full force, affiliate links with watered down content
- keyle 5y agoRemember jQuery, hahah Is the author young or he mixed up his timeline? DHTML4lyf
- idkwhoiam 5y agoThose W3C badges made my day
- Lamad123 5y agohttp://www.savewalterwhite.com/ http://www.savewalterwhite.com/
- poletopole 5y agoMission accepted. I will be on that inspiration list. I never thought I would have to use my hamburger backpack again...
- louissan 5y agoawww come on where's the html4 DTD? I also think the site is severely lacking in terms of light blue characters against a yellow background xD also: table layout missing?
- danschumann 5y agoWhat drove us away from making fun shit? Was it our inferior need to make money? I used to think I was the greatest computer guy around until a guy in his dorm room, one year older than me, suddenly became a millionaire and then a billionaire. He made me feel so inferior, I lost the plot. It wasn't like being good at art as a kid, feeling valued, and then later on in life, realizing art isn't my thing, in a moment of disappointment, and then dismissing it as a career option. It was more like, seeing what he did, being greedy to want to copy it, and then seeking to be like a lesser version of zuckerberg, and to make an inferior facebook, while completely losing what I was doing in the first place, like the ultimate distraction.
- ryan-allen 5y agoThe front-end style depicted predated jQuery by a long shot!
- tomcooks 5y agoThis faked nostalgia is becoming irritating. Websites which were like that didn't last long, and mostly were hosted on free webservers. If you want to get rid of nostalgia please spend 60 whole minutes making sense of HTML+PHP5.6+jQuery copy pasted code. And make it IE6 compatible. And use tables for layout. And don't use stackoverflow, caniuse, or an IDE. You'll soon understand how we reached the current state of things. t. Boomer that spends 8+ hours straightening PHP5.6 sghettis for a living, who still swears by FTPZilla and jQuery scripts.
- easrng 5y agoVanilla JS is quite nice these days, the only advantages jQuery has now is the fact that it's somewhat less verbose for DOM things and has support for old browsers. // For example, instead of $("#somebutton").click(() => alert("Hello")) // You would do document.querySelector("#somebutton").addEventListener("click", () => alert("Hello")); // Instead of $("#message").text("Important Message") // You would do document.querySelector("#message").textContent = "Important Message"; // Instead of $("#things .thing").css("color", "red") // You would do for(let e of document.querySelectorAll("#things .thing")) e.style.color = "red"; // Instead of await $.ajax("https://httpbin.org/get").then((_1, _2, {responseJSON}) => responseJSON) // You would do await fetch("https://httpbin.org/get").then(e => e.json())
- drodil 5y agoAnd still you needed Vue.js to make this (shit)?
- rvieira 5y agoI'm all for it (well not making it "shit", but fun and personal). My nostalgia filtered memories are that people spent more time creating stuff (however "shit" it was) than consuming. Your feed was a curated list of bookmarks (could be something else today, hello Fraidycat). People had infinitely more freedom (it's my corner with any type content/media), instead of mandated formats ({text, pic, link}, 140 chars max, etc). Not saying this is the only way. I wish it could co-exist successfully with modern social media.
- andersonmvd 5y agoI guess the point is to make you feel something different, to explore and try to figure the website out. I remember accessing the "hack websites" with black background and red texts in comic sans while thinking "is it a dangerous website?" haha. Today we mostly take some template because it's "cost-efficient" and end up all looking the same with flat design, call to actions everywhere "buy" "talk to sales" "schedule demo", chat on the right bottom corner and so on. When I wrote my last website (https://kakugo.ch https://kakugo.ch) I factored in how to balance in trying to making it interesting yet presentable for the everyday audience. I don't know if I achieved that but I tried. A few things one can notice there: two easter eggs, a text written from the heart and some peculiar images. If you also have any more ideas, let me know, thanks :) Recently I've also stumbled upon three.js which is awesome to build sites like this https://bruno-simon.com/ https://bruno-simon.com/. 3D modeling for websites is pretty neat. As the owner of this website said "i like to build websites that look like videogames".
- gandalfgreybeer 5y agoI love the kakugo website’s aesthetic. It’s simple but it doesn’t come out flat.
- withinrafael 5y agoI highly recommend folks play Hypnospace Outlaw, an Internet and OS simulation game, complete with a page builder[1] to achieve a similar aesthetic. (It's hard to describe this game without giving it away so I won't try.) I stand with gooper. [1] https://www.hypnospace.net/create.html https://www.hypnospace.net/create.html
- deleted 5y ago[deleted]
- andersonmvd 5y agoOld thread: https://news.ycombinator.com/item?id=17060303 https://news.ycombinator.com/item?id=17060303
- aasasd 5y agoOne of my favorite sites in terms of aesthetics is http://linkdot.link http://linkdot.link. I don't know anything particularly about the content, and I do have trouble actually reading it, but boy does it feel good to have it enter my eyes.