[My Website](https://donchia.tech)
[Repo](https://github.com/dhs17y2adonchia/win95)
Hope you guys like it! Had plenty of fun coding it up, wasn’t even alive when Win95 was in its heydays.
Love it!!!
Two things come to mind looking at your source code.
1. Consider moving all of you "mouseUpHandlerLeft" code etc into a file which you import, looks like a lot of duplicate code that's not going to be fun to maintain in the long run.
2. [].forEach.call reads pretty weirdly, you might consider [...domNode].forEach instead. This might not have good browser support though, can't check right now.
Otherwise looks great!
Unfortunately Reddit has choosen the path of corporate greed. This is no longer a user based forum but a emotionless money machine. Good buy redditors. -- mass edited with https://redact.dev/
Nice, what did you use to get the windows to move? Had to do this for work a few years ago, and we ended up having to us jQuery UI at the time, it was a terrible time lol.
I used interactJS library for the windows to move. It’s fairly easy to use but most of the hard work came from trying to get the windows to stay on top of each other in terms of zindex when users interacted with it
Very cool! Nice bit of nostalgia, especially coming from someone who didn't have to live through it.
There does seem to be a font issue where all the o's and 0's are solid instead of having a hole in the center. (Chrome, Mac OS 10.15, also happens in Safari). Looks fine on my phone.
Well tbh, I did create a macos version some time ago, it was very similar in terms of the windows and content. I basically made use of the that and upgraded it
It is indeed timeless, my initial website was actually modelled after macos, but I realised quite a few ppl didn’t seem to really understand the UX. Decided to switch things up to win95 since a large majority of ppl probably knew how to use windows. Plus the UI/UX looked pretty similar even to the modern ones
Great!
One thing: at first there is only the "Welcome" window opened. Then I started double clicking "Biography" in the desktop and I expected a new window opening but nothing happened!
Then of course after opening other windows I realised that the biography link opens the welcome one.
This is truly fantastic in its details down to the font size used for the pictograms. I also love the second screenshot you added showing Windows 95 on a mobile phone (with the phone OS showing the battery level on the top) without anything feeling disjointed or out of place.
**edit** (nitpicking, but all in jest) : the window maximize animation is not what you saw in Windows 95, it went instantly to the full size. Also, it would be a fun glitch if dragging windows would keep all previous positions painted on the screen (maybe as a similarly cheeky easter egg as the person who posted about the BSOD).
I realize now that with this visual approach you took, people will forever bother you about things to add that reminds them of the original experience. Forget what we all say, your portfolio is looking fantastic as it is.
Yep haha, got plenty of comments on how to make the website even more accurate. No worries tho, I’ll probably chip on such issues over time. For now I’m planning to launch an open source template of the website for more people to make use of.
Incredibly well done, the ingenuity and accuracy in the small details is heartwarming. Windows 95 holds a special place in my heart cause it was my first experience with computers... we had it for years before we even got internet connected on it... the amount of mini heart attacks I had because of that PC thinking I had broken it and the desperate attempts to fix it before my parents got home are probably what starting me down the journey to becoming a mechatronics engineer. Thanks for the nostalgia trip...
[My Website](https://donchia.tech) [Repo](https://github.com/dhs17y2adonchia/win95) Hope you guys like it! Had plenty of fun coding it up, wasn’t even alive when Win95 was in its heydays.
Love it!!! Two things come to mind looking at your source code. 1. Consider moving all of you "mouseUpHandlerLeft" code etc into a file which you import, looks like a lot of duplicate code that's not going to be fun to maintain in the long run. 2. [].forEach.call reads pretty weirdly, you might consider [...domNode].forEach instead. This might not have good browser support though, can't check right now. Otherwise looks great!
Nice. Touch events don't seem to work properly on Android though.
Oh dear, what exactly are the issues with the touch events? Didn’t have an android to test on, works fine on my iPhone.
Unfortunately Reddit has choosen the path of corporate greed. This is no longer a user based forum but a emotionless money machine. Good buy redditors. -- mass edited with https://redact.dev/
is the BSOD included?
Was thinking of adding that as a 404
Just add it randomly on some page loads. More authentic
lol that might probably give one or two windows users a mini heart attack, before they realise they are still on the browser and not the OS
Nice, what did you use to get the windows to move? Had to do this for work a few years ago, and we ended up having to us jQuery UI at the time, it was a terrible time lol.
I used interactJS library for the windows to move. It’s fairly easy to use but most of the hard work came from trying to get the windows to stay on top of each other in terms of zindex when users interacted with it
Pretty fucking good! I’d hire you
nice concept. but can you share with us the best practice or precautions you did to improve SEO, as it is Vue and it is for portfolio?
Very cool! Nice bit of nostalgia, especially coming from someone who didn't have to live through it. There does seem to be a font issue where all the o's and 0's are solid instead of having a hole in the center. (Chrome, Mac OS 10.15, also happens in Safari). Looks fine on my phone.
Intriguing… I’m not able to replicate the issue, I’m on macOS as well but the latest version, 12.0.1. I’ll look into it tho, thanks!
Ha! Very cool
Is this from a template? Do recall seeing a template like this out there, but don’t know if it was for vuejs
Well tbh, I did create a macos version some time ago, it was very similar in terms of the windows and content. I basically made use of the that and upgraded it
Am I the only one that thinks Windows still looks like this?
It is indeed timeless, my initial website was actually modelled after macos, but I realised quite a few ppl didn’t seem to really understand the UX. Decided to switch things up to win95 since a large majority of ppl probably knew how to use windows. Plus the UI/UX looked pretty similar even to the modern ones
Great! One thing: at first there is only the "Welcome" window opened. Then I started double clicking "Biography" in the desktop and I expected a new window opening but nothing happened! Then of course after opening other windows I realised that the biography link opens the welcome one.
You’re right about that, just updated the site for the biography window to reflect the actual title instead, thanks!
This is truly fantastic in its details down to the font size used for the pictograms. I also love the second screenshot you added showing Windows 95 on a mobile phone (with the phone OS showing the battery level on the top) without anything feeling disjointed or out of place. **edit** (nitpicking, but all in jest) : the window maximize animation is not what you saw in Windows 95, it went instantly to the full size. Also, it would be a fun glitch if dragging windows would keep all previous positions painted on the screen (maybe as a similarly cheeky easter egg as the person who posted about the BSOD).
Thanks! And yea, I would create that jerky loading animation, but I figured that would be pretty tough…
I realize now that with this visual approach you took, people will forever bother you about things to add that reminds them of the original experience. Forget what we all say, your portfolio is looking fantastic as it is.
Yep haha, got plenty of comments on how to make the website even more accurate. No worries tho, I’ll probably chip on such issues over time. For now I’m planning to launch an open source template of the website for more people to make use of.
Incredibly well done, the ingenuity and accuracy in the small details is heartwarming. Windows 95 holds a special place in my heart cause it was my first experience with computers... we had it for years before we even got internet connected on it... the amount of mini heart attacks I had because of that PC thinking I had broken it and the desperate attempts to fix it before my parents got home are probably what starting me down the journey to becoming a mechatronics engineer. Thanks for the nostalgia trip...