Make Front End Shit Again (2018)
makefrontendshitagain.party
makefrontendshitagain.party
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.
https://twitter.com/NikkitaFTW
I would assume it's 'this girl', but I do agree
- 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.
So play upon you open the page is no longer possible. You at least need to wait for the user to touch somewhere on the page.
(Defeats the whole purpose of the site hehe)
I still take this over:
- the noncompliant cookie warnings
- ... with >400 "partners" (yes, I have counted)
- works best in IE^HChrome
- 20 seconds loading
- written for Googlebot, instead of for a human like either the author or me. (Meaning it is bland, formula-driven.)
websites I often deal with as long as it provides the answers/entertainment I am looking for.
You can update the number to 500, as that's what Yahoo has (something like 530, but I don't remember for certain).
There's a GIF at the bottom declaring "This page is best viewed with Netscape 3.0"
Does anyone design sites for landscape any more?
It actually is properly responsive: it has horizontal scrolling on desktop too, and by just the exact amount, no matter what the window size is. (At least on FF.)
When you lift a CRT and turn it sideways, it is usually done because it's placed incorrectly (no "reflow" wanted). It's also unusual to attempt to read a website on it at the same time you are risking injury.
Does it have 400 "partners" too?
[1]: https://github.com/SaraVieira/make-frontend-shit-again/
I laughed when that popped up for me. A very authentic experience.
"27% of 3182K (at 1.5K/sec, 25:33 remaining)"
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).
It's shit. I got a smirk out of seeing it again, but I just felt embarrassed for 1998 me.
Netscape 3 and websites that looked like that: 1996
Geocities: 1994-1999 (so far so good)
jQuery: 2006
Blink: 2013
... wait... I hope!
That's what they're referring to in the page.
In 2006, I was reading [HTML, XHTML, and CSS Bible](https://www.amazon.com/HTML-XHTML-CSS-Bible-3rd/dp/076455739...), which was new-ish at the time and using Netscape as a daily browser, building sites using GeoCities. There were precursors to jQuery (cssQuery, for instance) that made it possible to do some things that Flash was too heavy for but you couldn't do in pure CSS.
And you bet your ass we were still building flashy, wild sorts of sites like that. Still do! Absolutely go check out stuff like Neocities.
What I don't miss from the jQuery times is how painfully limited CSS was, e.g. to add rounded corners to an element (e.g. a button) required something like 11 nested elements (4 corners + 4 edges + 3 rows to contain them). The corners themselves needed image files: to support different background colours you could either use GIFs with transparent backgrounds, but they appeared "jagged" due to aliasing; you could use PNGs which support an whole alpha channel, but lose IE support; or you could create a bunch of different versions for each occasion.
I'm glad I do backend dev these days ;)
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.
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.
http://100r.co/site/about_us.html
I stumbled across this one recently, from their Please Read at Least Once:
"A word about the philosophy of this site: These pages are declared to be a fluff-free zone! There will be no unnecessary, superfluous, or useless graphics of any kind - including but not limited to: dancing, gyrating, or other animated icons, colored textured backgrounds that are impossible to read through, or forced downloading of bit intense pictures that may be of no interest to you. Nor, will I ever expect you to use a particular brand of Web browser to be able to effectively access these pages. There are and never will be any advertisements, cookies, or other impositions on your time and space. In the time that it may take wading through a single monstrosity of the professional Web page designers at other sites, you will be able to find out what you want to know, when you want to know it! What a concept. :-) (Note, however, that your browser needs to be configured properly to make sense of the many ASCII diagrams, schematics, and tables. See the document: Suggested Browser Settings for font and other related information.)"
Thanks to Firefox devtools and a bit of quik & dirty regexp here is this list ;)
http://thatsthefinger.com/ http://hooooooooo.com/ http://tinytuba.com/ http://cant-not-tweet-this.com/ http://www.staggeringbeauty.com/ http://eelslap.com/ http://corndog.io/ http://burymewithmymoney.com/ http://www.trypap.com/ http://www.fallingfalling.com/ http://www.republiquedesmangues.fr/ http://www.partridgegetslucky.com/ http://weirdorconfusing.com/ http://www.rrrgggbbb.com/ http://www.koalastothemax.com/ http://beesbeesbees.com/ http://cat-bounce.com/ http://r33b.net/ http://www.sanger.dk/ http://chrismckenzie.com/ http://www.everydayim.com/ http://endless.horse/ http://corndogoncorndog.com/ http://www.pointerpointer.com/ http://www.ismycomputeron.com/ http://ninjaflex.com/ http://metaphorsofinfinity.com/ http://imaninja.com/ http://ihasabucket.com/ http://iamawesome.com/ http://www.electricboogiewoogie.com/ http://unicodesnowmanforyou.com/ http://www.wutdafuk.com/ http://www.nullingthevoid.com/ http://zombo.com/ http://onemillionlols.com/ http://pixelsfighting.com/ http://www.ascii-middle-finger.com/ http://buzzybuzz.biz/ http://yeahlemons.com/ http://www.1111111111111111111111111111111111111111111111111... http://fastcashmoneyplus.biz/ http://space-turtles.rocks/ http://rtr.hackedbygod.net/ http://www.vape.horse/ http://rayps.com/ http://akrepnalan.com/ http://terrorpigeon.us/ http://paulvm.com/ http://pudim.com.br/ http://originalhampster.ytmnd.com/ http://tacospin.com http://www.internetfortheday.com/ http://www.akrepnalan.com/ http://finger-frenzy.now.sh/ http://www.oldversion.com/windows/netscape-3-04 http://www.cutercounter.com/ http://www.cutercounter.com/hit.php?id=10190&nd=6&style=10
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.
> 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
and java applets for each navigation link button that have a gradient in the background when you hover over them
And native DOM API as well.
When I wrote my last website (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/. 3D modeling for websites is pretty neat. As the owner of this website said "i like to build websites that look like videogames".
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
Sorcery.
EDIT: Jokes on me. This site is built in Vue.
This is not true. https://motherfuckingwebsite.com/
Which is also shit, albeit more expensive shit. Facebook looks like a Fischer Price toy due for a recall.
Their creativity paved the way for new features, whether with HTML, CSS, JS, security, and whatnot.
(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.)
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.
https://validator.w3.org/nu/?doc=https%3A%2F%2Fmakefrontends...
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/...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.
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.
Roblox games and minecraft creations are another example.
I think if you are building things on the daily we have to go through a resource limitation sabbatical.
I stand with gooper.
You know you need that Netscape spinning-cube GIF.
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.
> 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
A great mural of old internet gifs, and autoplaying MIDI music.
> Elevated Exposure Sites that camouflage their true nature or identity, or that include elements suggesting latent malign intent.
I also think the site is severely lacking in terms of light blue characters against a yellow background xD
also: table layout missing?
Is the author young or he mixed up his timeline?
DHTML4lyf
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.
// 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())Yeah, but it looked shit.
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.