Settings

Theme

Show HN: Revived my personal website to join the nostalgia

gasoved.github.io

116 points by xisnextbigthing 5 years ago · 38 comments

Reader

jvalencia 5 years ago

This takes me back to the days when so much of web apps was tied to non-web things. Skeupomorphisms were pretty good UX, but also the fact that layouts looks like ads or newspapers, trying to conserve room and increase information density.

The websites themselves weren't much in the way of a destination, rather they tied you into other real world things: family, computers systems, hobbies. They were relevant only as much as they enriched real life.

Now the website is the full app and experience. No need to go anywhere else. In fact it's desirable that you stay on one property, such as Facebook for as long as possible. It's like a big box store.

But back to the point I wanted to make originally: the work has fundamentally changed. I remember coding a backend to get old scientific python scripts to run from commands via Sharepoint buttons. The web couldn't do anything so you had to tie it to systems that could. Now you have to get it all running in Javascript --- not sure how many people saw that coming :-D.

I wonder if anyone has any thoughts along those lines?

  • slimsag 5 years ago

    It's also become much less accessible to your average every-day person.

    I remember in 2001 my brother's community college in rural America taught HTML and Flash development. Not only could you learn to make websites quickly, but you were learning technology that was exactly what you would be using when working at a company.

    You could argue the technology is better these days, but it's certainly not more clear to newcomers. I recently described to my younger sister that she should learn React through FreeCodeCamp in order to make websites - but suddenly you are dropped into a world talking about declarative programming paradigms, unidirectional data flows, and lots of other foreign concepts described as magic (the virtual DOM, Babel, etc.)

    If my experience had been this growing up I would have never gained interest in learning the specifics / details of what was going on when writing HTML/CSS/JS code. I would've chalked it up to "there are layers upon layers of magical things I don't understand, I guess I only need to interact with them and slap them together."

    I also think the incentives have changed - it's less about making something cool and sharing it with your internet friends these days because there is money to be made - it's about buffing your GitHub profile to get a job, creating a startup that extracts $$$ from people, etc.

    I feel it is very similar to early days YouTube vs. YouTube these days, and that saddens me.

    • onion2k 5 years ago

      I would've chalked it up to "there are layers upon layers of magical things I don't understand, I guess I only need to interact with them and slap them together."

      That's fine though.

      If someone learns C++ today without knowing any ASM very few people would tell them they're "doing it wrong". If someone learns Unreal Blueprints without learning C++ senior game developers still see them as productive game developers. If someone writes a great GLSL shader on shadertoy without knowing how to use WebGL that's OK too. You don't have to understand all the layers in order to use them and make good stuff.

      The web is no different. I see no reason why people can't just concentrate on learning the top level abstraction to make things until they encounter a problem that they need to know more about the lower levels to solve. They might never have that problem.

      All of this "You have to learn the underlying tech in order to use the framework on top of it" just sounds like gatekeeping to me.

      • wormik 5 years ago

        This approach leads us exactly where we are - having 100x more HW resources, yet page load times still suck ;) And simple request to webdev - would you please make your js app build any faster then 5min always yields the same, confused look - like, where in the mess of 100+ libs should I start?

        • onion2k 5 years ago

          This approach leads us exactly where we are - having 100x more HW resources, yet page load times still suck ;)

          Load times have remained pretty much flat for the past decade despite page weight and page complexity going up. I think the fact they haven't got worse is a good thing.

      • TedDoesntTalk 5 years ago

        > "You have to learn the underlying tech in order to use the framework on top of it" just sounds like gatekeeping to me.

        Possibly. But if you want to master your craft, you need to learn the “underlying tech.” That’s why we have computer science degrees, after all. Not all programmers have computer science degrees and in many cases, it shows. Someone who understands fundamentals is often more effective at debugging and problem solving when the s* hits the fan.

        If you just want to bootcamp it without a deep-dive, that’s fine and I agree with you.

        • onion2k 5 years ago

          Not all programmers have computer science degrees and in many cases, it shows.

          Some programmers do have computer science degrees, and in many cases it doesn't show. In my experience whether or not someone has a computer science degree is a very poor indicator of how good a developer they are.

        • ghaff 5 years ago

          It depends what your objective is. This thread started around the question of how accessible putting up a website is to the average person these days. And there's no reason to become a "full-stack" developer in order to do that--unless you want to for other reasons.

          And it's pretty easy to host some basic HTML/CSS and even easier to just go directly with a blogging platform or something like Square Space.

      • Multicomp 5 years ago

        >All of this "You have to learn the underlying tech in order to use the framework on top of it" just sounds like gatekeeping to me.

        I might be putting words in GPs mouth, but I read the comments as 'making a swf and embedding it in a HTML file used to be good enough. Now everything is way more complicated'.

        I tend to agree with GP. Flash and it's desktop counterparts Delphi etc certainly had their warts but they were much more intuitive on the wetware. Such that accountants and non professional / semipro users could use them.

        We made a mistake by throwing them out, when we IMHO should have corrected them or replaced them with less warty programs that we're still using the same paradigm to be easy and intuitive to create.

    • WWLink 5 years ago

      There isn't really anything stopping people from making simple HTML/CSS/JS code, and I think it'd be nice if more people did that. Instead of thinking about how one could grow something, it'd be nice to think about how simple and efficient one can make something.

      • egeozcan 5 years ago

        Totally agree. People jump into extreme abstractions (React, Vue, Angular, when even jQuery is too much at the beginning) when they never experiment with the fundamentals. Using just HTML/CSS is so much fun, even better with the latest advancements, why not enjoy them while learning, instead of getting depressed in totally abstracted frameworks?

        • mvonballmo 5 years ago

          People want to be able to create stuff that looks just as good and is as smooth as what professionals are making without learning anything that they basically don't already know. That has definitely changed.

          In the old days, it didn't matter how _good_ you were; basically, your site was going to look more or less like the site created by someone who just started and tried really hard for a few days. You could copy/paste HTML from other people's sites _and just have it_. Now, nothing works because there are tokens and authorization and APIs everywhere.

          I don't see anyone complaining that you can't just build a car from scratch in your garage. That would be crazy, right? Yet, somehow, anyone should be able to learn how to code professional internet software with little effort and understanding.

          If you want to use React, I don't understand what's so hard about the [introductory documentation](https://reactjs.org/docs/add-react-to-a-website.html)? It's almost pure HTML and has [a lot of help](https://reactjs.org/docs/getting-started.html#try-react) for extending it from there.

          This is honestly a lot easier than what we had at the beginning, where even documentation for HTML tags wasn't so easy to find.

          Maybe this is still too complicated, but the lower bar is there, whether you like it or not. If I don't know how to use scissors, I'm going to be a shitty barber.

          • searchableguy 5 years ago

            This is certainly biased. I have had far better programmers than me express their distaste about jsx and how it feels confusing for them to use. For starters, you can't use any statements inside JSX so you would need to learn expression replacements for statements. To understand this limitation, you need to understand jsx factory and what jsx is translated to.

            Check this issue: https://github.com/flutter/flutter/issues/11609

            Many functional aspects of react can be hard to grok. HOC and currying isn't obvious to everyone.

            The surrounding tooling sure is complex af and the little inconsistencies in how everyone does things in the community doesn't help. If the person wants to keep themselves to using a blackbox, they will face problems with react at some point which will force them to learn about how all of this works. React will introduce performance issues that normal js/html/css can easily forget about if you are not careful. Then you will need to learn about lifecycles, debugging tools, and lot of other things simply to make your app not suck.

          • wolco 5 years ago

            There is a reason why React pays well. Why it's a good choice for managing complexity.

            But you might be too far down the rabbit hole. To use react involves learning a series of things (npm/react/command line). To use Jquery copy 5 lines. It is so easy to get started and so simple to work with.

            JQuery is the right choice when you are not managing complexity. When you want a simple powerful abstraction. It's usually the right choice for non-programmers who want to do a few things. It's a good choice for programmers who are not building applications.

    • bigbassroller 5 years ago

      - I recently described to my younger sister that she should learn React through FreeCodeCamp in order to make websites

      The last thing I would tell him/her is to learn React to build a website. A web app sure. But not a website. Instead I would recommend going to the local community college and learn HTML/CSS (and god forbid some WordPress) and while attending community college start forming your tech circle of fellow hopeful web developers and enjoy the journey.

    • OJFord 5 years ago

      > HTML and Flash development. Not only could you learn to make websites quickly, but you were learning technology that was exactly what you would be using when working at a company.

      > learn React

      IMO that's not the same. Just change Flash for JS, it's still exactly the same technology you would be using when working at a company.

      Sure, there's a whole load of ~crap~ tooling built on top of JS to learn too, but I'm sure there was for Flash. It's still the same at its core.

    • ricksharp 5 years ago

      I think the environment has changed because of mobile. We had to figure out how to make things work on more than an always connected browser. Also it’s not all read-only info anymore.

      But even so, with things like netlify, expo, etc. creating an interactive web or mobile app is not any more difficult.

      In fact, with netlify, I could have a website publicially visible without all the horrible custom web management uis of the past (like cpanel).

      If all that is needed is a simple html page, that’s literally minutes of following a few instructions and you are up in running.

      Perhaps the problem is that there are so many options now that we have paralysis from too many choices. But the role of the teacher is to find the right tools that enable this easily.

  • nix23 5 years ago

    Checkout neocities, i really fell in love with it.

WD-42 5 years ago

I had a very similar homepage that is still up! I love the desktop in a webpage aesthetic. http://toxiccode.com/

  • mjcohen 5 years ago

    In Brave in os X, "about" has vertically overlapping lines with the end of lines having the last few characters not visible.

  • rozab 5 years ago

    The header looks exactly like a bandicam watermark... which does capture a certain aesthetic

    • WD-42 5 years ago

      I believe I was going for the Bluecurve look, which was the default GTK theme for Redhat 8. The first linux distro I ever installed.

      http://toastytech.com/guis/rh8.html

      • nix23 5 years ago

        I buy'd RedHat 9, and i walked home with that big package under my arm knowing that nobody knows what that is..a Unix a Operationsystem!! I felt like the a hero, everything was fine until i realized that i had a win-modem...

        • WD-42 5 years ago

          Yes! What an experience. My dad brought me to circuit city somewhere near San Mateo to buy red hat 8. I remember holding the shrink wrapped box and thinking about how cool it was. I don’t think I figured out how to get internet access working for a month. I’m glad you’re still sticking with it!

  • nmfisher 5 years ago

    Nifty, I like it.

hestefisk 5 years ago

I think this is remnants from the days when an interactive web site was called “DHTML”.

slmjkdbtl 5 years ago

My favorite part is you can drag the portfolio image around when focused (this particular interaction feels pretty modern tho, reminds me of some fun interactions found on https://cargo.site/In-Use)

jaffathecake 5 years ago

Ohh if we're doing this, here's the intro to my personal site from 2007. Only the intro works, and requires Flash of course https://cv-ppguyzgojs.now.sh/

byteface 5 years ago

there was a cool Desktop UI thread on here a few weeks ago... https://simone.computer/#/webdesktops

dwohnitmok 5 years ago

The "No Javascript? :( Click here" link directs to a 404.

  • DarthGhandi 5 years ago

    Same issue, though at least the author cares more to at least think of those who whitelist scripts enough to mention it.

    Half the large companies today will present you with a blank screen instead of writing one line of a <noscript> tag.

    • Moru 5 years ago

      It's a lot about not even knowing the <noscript> tag exists. I mean, who would block javascript, the whole web depends on it. (I block javascript since it came around the first time...)

      • shakna 5 years ago

        JavaScript doesn't have to blocked to be unavailable. So many accessibility devices that don't have the capability to run it, and read noscript allowed, etc...

  • xisnextbigthingOP 5 years ago

    Oh, fixed, thanks. I thought I made sure that link is working before posting here, since there are many frequent users that have their JS disabled. :)

  • onion2k 5 years ago

    The Flash plugin in Experiments doesn't work either. :)

mjcohen 5 years ago

"standards" is misspelled "standarts".

tus88 5 years ago

My eyes :D

  • Tarsul 5 years ago

    ^^ the best part is that the first sentence starts with "This is home of user friendly [...]". That color-scheme is everything but that ;)

Keyboard Shortcuts

j
Next item
k
Previous item
o / Enter
Open selected item
?
Show this help
Esc
Close modal / clear selection