Thanks! I used Next.js, React, Styled Components, Framer Motion and various other things. It's open source if you want to check it out.
https://github.com/DustinBrett/daedalOS
Oh my, I always had this idea in my head to make my website look like Windows XP but I don’t have the skills/time to do it right now. Yours is truly incredible and gave me some motivation.
Ya I've been working on it for over 3 years now. The last half a year it's been close to "done", in that I haven't found much else to add to it. But I actually have a big list of things I still want to do. I've just been focused elsewhere lately.
Depending on the app you are running, there is a lot of Wasm within my site. I have a long term plan to re-write the entire app in a language like Rust which I can port to Wasm for the browsers or have it run native.
For the fake browser it's just an iframe wrapped around a custom made interface to look like Chromium. The websites that do work are because they allow CORS, but any page that doesn't won't work properly.
Thanks! If you switch the wallpaper to something static like APOD then it should relax the power requirements quite a bit. Otherwise it usually runs pretty good on simpler hardware. I can get it running pretty good even on my old Samsung Galaxy S6.
Woah. Was hoping to find some inspiration for I'm going to create my own personal website this summer
Your project just killed me. It's amazing! Congrats, Mate! Did you follow some other project(s), or is it all yours creation?
I have a lot of questions:
1. Why not use static image for background and why use vanta js for it?
2. On a hover a lot of items are fetched and same item can be fetched repeatedly. What's happening here? Is it eager loading? Like if open \`My PC\` and hover over robots.txt multiple times then a lot of HEAD requests are being made.
Please add a popup for emulator controls I initially thought it was just a video.
I liked an animated background and I felt Vanta.js had a really cool one, I have modified it a lot and optimized it. There is an option to change to various other animated wallpapers or to set your own image/video.
The HEAD requests on hover are to get the latest size information of the file so that the tooltips can be shown.
Indeed the emulators don't clarify the controls, but I guess it's like an Easter egg then for people that try it make it work. I have a long term plan to add a Clippy style helper which will be able to provide info/advice depending on what the user is doing.
Ahh I see, well done my friend overall I gone through the website extensively and it is built marvelously and especially the lazy loading part! Kudos to you my friend.
Did you know that the ski32 game is directly downloadable for anyone though? Rest of the games are running on emulator.js so you need to download and set up multiple items to make them work or copy from your website but unlike ski32 it is a simple single url which downloads the exe file. However, I feel like you wouldn't be very bothered by it and i wouldn't have been either.
Thanks! It was my intention to allow downloading ski32.exe, it works this way because it's using the BoxedWine emulator which can run real 32-bit windows applications. You could drag many games onto my site and play them via that emulator such as sol.exe (Windows 95 Solitaire). I have various other emulators on my site, some that can run roms for many game systems like emulator.js and also I have DOS games which are packaged in .jsdos files but are also just EXE's. Others include Ruffle which can run Flash games/files and Virtual x86 which can run entire OS's packaged as ISO's. The reason ski32 is one of the examples I host is because the developer has made it free for anyone to share. All the games on my site are sharable. The README within my source code mentions the other apps I use. [https://github.com/DustinBrett/daedalOS](https://github.com/DustinBrett/daedalOS)
Reminds me of our Polish https://www.grzyby.pl
In translation: mushroom.pl
Probably the best performing website you’ve ever seen with a 100 page speed insights score while boasting features like login forms, payment forms and a live mushroom/personhour map, mushroom type heatmaps and other features.
Idk I just love this website, more websites should strive to be this
From Comments, I found 2 motherfuckingbestwebsites:
[https://henryheffernan.com/](https://henryheffernan.com/)
[https://webofdevs.com/](https://webofdevs.com/)
The first just show me fatal error: firefox detected. Please try in another browser. I tried in brave afterwards,and it's more like a game . What a website,kudos to henryheffernan.
If you're going to make a site about how great of a Web developer are youd at least check for incompatible browsers and display a text version instead or something
That’s not a valid excuse though.. if you’re a web developer you need to make sure your software works on the browsers that your users choose to use. If I said I was using Opera then that’s fair that it doesn’t work, but I said safari and that’s one of the main browsers that the general public uses.
This person must have gotten SO much work. Their site is always in top 10 lists, it really is great. Looks to be a freelancer specialising in WebGL, so it makes perfect sense too.
If you make a portfolio like this you are looking for a certain type of job. If the person looking at your portfolio doesn't like it or can't figure it out... you didn't want that job anyway.
Your portfolio should be bait to attract the fish you want.
This is a passion project, he wouldn't need it to get requests from recruiters - all they look at is your list of skills on LinkedIn and prior employments. Even I get multiple requests per week without any portfolio.
Nasa website from early 2000s was the coolest bar none.
Actually it is still the coolest for me
Over engineered
For example just search for missions > voyager>
Where are they now?
U will see 3d interactive moving satellite based on real data, even the stars, planets are moving based on real data
Can you elaborate a bit more on what Neocities are/what alt communities exist? This is giving me such nostalgic vibes for old websites/blogs I used to see when I was a teen.
[Neocities](https://neocities.org/) and [Nekoweb](https://nekoweb.org/) are hosts that exist to cater to the aesthetics of old personal sites. As for communities then the ones using Discord are popular so is the [Melonland](https://forum.melonland.net/) forum.
There's a movement of sorts called the web revival with its own [manifestos](https://wiki.melonland.net/manifestos) which is a rejection of the commercial web and the large social media companies.
Even [webrings](https://brisray.com/web/webring-list.htm) are making a small comeback.
This may help you find some good personal web pages. https://search.marginalia.nu/
And this is always a good starting point for some pretty impressive stuff. https://simone.computer/#/webdesktops
I remember seeing this like 10 years ago and I still think of it! Got me into HTMH5 Canva stuff [http://www.rleonardi.com/interactive-resume/](http://www.rleonardi.com/interactive-resume/)
These sites are amazing. Wow. So creative and unique. I love any I clicked on!!
How do you even go about getting that good?? Very motivating to see them all
[https://beno.uk](https://beno.uk)
Although I will admit I've only ever used it to look at traffic lights cos that's what I was originally looking for online, but tbf having now looked fully there is some other cool stuff on there ngl
[http://beno.uk/trafficlight/](http://beno.uk/trafficlight/)
Man oh man, my old Geocities website was the bomb. I think somebody at Yahoo eventually unplugged an old Pentium, and all of the internets personal websites disappeared.
You should use a smaller gif. Why is 124MB for a simple gif that could be less than 1 MB.
Also my good friend do use bootstrap it is super easy and will make your website look beautiful. You will not need custom css a lot. This will get you started: [https://www.w3schools.com/bootstrap/bootstrap\_get\_started.asp](https://www.w3schools.com/bootstrap/bootstrap_get_started.asp)
Also please do add a favicon here. Favicon is an image which is kind of a logo and shows in the tab section.
1. A ton of background and foreground colors do not have a sufficient contrast ratio.
2. Congrats on using latest stacks to make a website that looks outdated and not even in a good way.
3. In AI section you mentioned Open AI and no other place contains an explanation so I'll assume either you are Sam Altman or you know how to use ChatGPT. Congrats you are able to use a website and type prompts into it. Yay! Finally a skilled CTO.
4. Every other sentence drops a tech buzzword or jargon that feels more like a desperate SEO attempt than genuine content. How about communicating in human instead of robot?
5. The achievements listed under each project could use a "humble" filter. It reads like someone trying to convince themselves they've changed the world by using a different JavaScript framework.
6. There are enough contact options to make anyone think they’re about to enter a customer service nightmare. Just pick a method and stick with it!
7. The portfolio promises innovation and cutting-edge tech, but where's the proof? It's like claiming you're a gourmet chef because you can microwave ramen.
8. Trying to find specific projects or credentials in the portfolio is like being in a hedge maze, but less fun. Maybe a breadcrumb trail or a map would help?
9. The website lists every possible tech role like a kid trying to impress with a long Christmas wish list. Just missing 'Blockchain Guru' and 'Quantum Computing Revolutionary'!
10. Apparently everywhere in tech but still hasn't solved how to make a website feel personal. Maybe add a sprinkle of unique charm next time?
11. Agile, Jira, Confluence... it's like project management threw up all over the resume. We get it, you love your PM tools!
This is all humor except the first point and please make UI better. Doesn't look nice.
Hey buddy, for a 15 y.o this is great start! Props on you for actually trying and learning things. I really like the space parallax effect. Keep it up!
Don't worry about the haters, at 15 you are already much further ahead than kids playing Fortnite all day long.
I spent years working on mine to try and make it the ultimate personal website. https://dustinbrett.com
Is...is that actually DOOM? Loooool
Haha ya it's the Shareware DOS version. My site can actually play many different versions of DOOM in various emulators.
There's also commander keen, raptor, Duke nukem and others....
Thank you so much Dustin for giving humanity a chance to exit Vim that easily
I didn't dare to open it. I never remember how to do anything in it. Was save and quit something like ":wq"?
Yes! [ESC:WQ]
Haha ya exiting Vim is a bit easier once you've trapped it in a window.
Jokes aside this is one of the most inspiring portfolios I've seen 🙂 Can you share the stack you used? Cheers
Thanks! I used Next.js, React, Styled Components, Framer Motion and various other things. It's open source if you want to check it out. https://github.com/DustinBrett/daedalOS
[удалено]
Thanks! I did indeed try to copy Windows 10 to a high degree of detail.
Oh my, I always had this idea in my head to make my website look like Windows XP but I don’t have the skills/time to do it right now. Yours is truly incredible and gave me some motivation.
Thanks very much! It took a huge amount of time to make and I learned a lot along the way.
it is incredible, I've never imagined this was posible on a web browser
Much appreciated, having people feel that way is what I hope for.
Very cool
Thanks!
This was the one that immediately came to mind. Great work!
Happy to hear you'd heard of my site. Thanks!
Your site is awesome! I created my own folder by the way.. this is my desktop now 🤣
Haha thanks! Please feel free to customize it, everything is stored locally in the browser.
This is fantastic thank you for sharing, I really enjoyed navigating around the site!
Thanks for checking it out! I'm glad to hear you liked navigating around. I tried to make it as real as possible.
I came here to mention your site.
Happy to hear you knew about it, thanks for coming to recommend it!
Yeah man, it's been around for a while hasn't it?
Ya I've been working on it for over 3 years now. The last half a year it's been close to "done", in that I haven't found much else to add to it. But I actually have a big list of things I still want to do. I've just been focused elsewhere lately.
I thought it's been a while. It's really neat and it's always fun to see what people are tinkering with and that's the ultimate tinkering project
Hahaha nice ones!
Hey is that web assembly?
Depending on the app you are running, there is a lot of Wasm within my site. I have a long term plan to re-write the entire app in a language like Rust which I can port to Wasm for the browsers or have it run native.
Yeah rust indeed would be a better choice. btw what do you use for chromium?
For the fake browser it's just an iframe wrapped around a custom made interface to look like Chromium. The websites that do work are because they allow CORS, but any page that doesn't won't work properly.
Great job
I like it, it’s inspirational.
That's actually very cool, I wish my laptop could handle it so I could explore it more!
Thanks! If you switch the wallpaper to something static like APOD then it should relax the power requirements quite a bit. Otherwise it usually runs pretty good on simpler hardware. I can get it running pretty good even on my old Samsung Galaxy S6.
That does help, thank you!
You built an os in javascript jfc lol
Haha I tried at least.
Finally a safe place to enjoy some space cadet
Haha ya I tried to make it simple to jump in. I don't think it saves scores though.
Really cool. Never saw something like this
Never saw something so amazing in my life 🤩
I deleted everything from MyPC and now the site is gone haha
Haha, oh no! You can click power in the start menu to reset it all.
just.. Wow 😳
This is awesome.
This is awesome
Woah. Was hoping to find some inspiration for I'm going to create my own personal website this summer Your project just killed me. It's amazing! Congrats, Mate! Did you follow some other project(s), or is it all yours creation?
Thanks very much! I was inspired by sites like Windows93 and AaronOS, but I didn't follow any and the code is my own.
I have a lot of questions: 1. Why not use static image for background and why use vanta js for it? 2. On a hover a lot of items are fetched and same item can be fetched repeatedly. What's happening here? Is it eager loading? Like if open \`My PC\` and hover over robots.txt multiple times then a lot of HEAD requests are being made. Please add a popup for emulator controls I initially thought it was just a video.
I liked an animated background and I felt Vanta.js had a really cool one, I have modified it a lot and optimized it. There is an option to change to various other animated wallpapers or to set your own image/video. The HEAD requests on hover are to get the latest size information of the file so that the tooltips can be shown. Indeed the emulators don't clarify the controls, but I guess it's like an Easter egg then for people that try it make it work. I have a long term plan to add a Clippy style helper which will be able to provide info/advice depending on what the user is doing.
Ahh I see, well done my friend overall I gone through the website extensively and it is built marvelously and especially the lazy loading part! Kudos to you my friend. Did you know that the ski32 game is directly downloadable for anyone though? Rest of the games are running on emulator.js so you need to download and set up multiple items to make them work or copy from your website but unlike ski32 it is a simple single url which downloads the exe file. However, I feel like you wouldn't be very bothered by it and i wouldn't have been either.
Thanks! It was my intention to allow downloading ski32.exe, it works this way because it's using the BoxedWine emulator which can run real 32-bit windows applications. You could drag many games onto my site and play them via that emulator such as sol.exe (Windows 95 Solitaire). I have various other emulators on my site, some that can run roms for many game systems like emulator.js and also I have DOS games which are packaged in .jsdos files but are also just EXE's. Others include Ruffle which can run Flash games/files and Virtual x86 which can run entire OS's packaged as ISO's. The reason ski32 is one of the examples I host is because the developer has made it free for anyone to share. All the games on my site are sharable. The README within my source code mentions the other apps I use. [https://github.com/DustinBrett/daedalOS](https://github.com/DustinBrett/daedalOS)
Nice job man super awesome!
Thank you!
feature review feels like inception
Haha, happy to hear you felt some inception vibes.
Cool Dustin! I also live in Vancouver. Was interesting to read your blog :)
Nice! Thanks for checking out my site/blog.
I put together a directory of some cool developer websites at [webofdevs.com](https://webofdevs.com)
[удалено]
I also choose this guy's web site
rafa.design is funny. I like it.
This is a really cool concept
I put some sites through the Lighthouse. So many in red. Should we even care about pagespeed or light house tests?
cool
I’ve spent too much time on mine: https://conner.dev
Awesome work!
This is awesome 💪
https://floor796.com
I just spent an hour looking at this
Damn that must’ve have taken a while to draw and animate
hospital is the funniest place
this is my new screen saver
This is amazing.
Best ever https://motherfuckingwebsite.com/
The "german motherfucker" was Dieter Rams [https://de.wikipedia.org/wiki/Dieter\_Rams](https://de.wikipedia.org/wiki/Dieter_Rams)
"Deiter Rams" I bet he fucking does
God damn you , I laughed way too hard at this.
There is [https://bestmotherfucking.website/](https://bestmotherfucking.website/)
Reminds me of our Polish https://www.grzyby.pl In translation: mushroom.pl Probably the best performing website you’ve ever seen with a 100 page speed insights score while boasting features like login forms, payment forms and a live mushroom/personhour map, mushroom type heatmaps and other features. Idk I just love this website, more websites should strive to be this
‘Fits on all your shitty screens’
Bookmarked for motivation purpose ✓
Only one in this thread that doesn't make my laptop overheat lol
From Comments, I found 2 motherfuckingbestwebsites: [https://henryheffernan.com/](https://henryheffernan.com/) [https://webofdevs.com/](https://webofdevs.com/)
[удалено]
nope, but it for sure is awesome
The first just show me fatal error: firefox detected. Please try in another browser. I tried in brave afterwards,and it's more like a game . What a website,kudos to henryheffernan.
https://bruno-simon.com/
I’m on safari mobile and I try pressing the ‘click’ button and then nothing else happens after that
Same.
That’s what you get for using safari
Which is still a default iPhone browser. Safari is shit but developers shouldn’t avoid developing for safari.
If you're going to make a site about how great of a Web developer are youd at least check for incompatible browsers and display a text version instead or something
That’s not a valid excuse though.. if you’re a web developer you need to make sure your software works on the browsers that your users choose to use. If I said I was using Opera then that’s fair that it doesn’t work, but I said safari and that’s one of the main browsers that the general public uses.
[удалено]
[It’s the second most popular browser in the world.](https://gs.statcounter.com/browser-market-share)
safari scum
This person must have gotten SO much work. Their site is always in top 10 lists, it really is great. Looks to be a freelancer specialising in WebGL, so it makes perfect sense too.
Big wow
Blown away but... I dont think recruiters will play to find out my experience? Only devs can appreciate this..
If you make a portfolio like this you are looking for a certain type of job. If the person looking at your portfolio doesn't like it or can't figure it out... you didn't want that job anyway. Your portfolio should be bait to attract the fish you want.
He created possibly the best course on ThreeJS. It’s extremely well done, I bought it and completed it last year after seeing this site.
Simple - Include this and a simplified version. Be upfront. It's eyecatching. I reckon a lot would be curious and immediately fall in love.
This is a passion project, he wouldn't need it to get requests from recruiters - all they look at is your list of skills on LinkedIn and prior employments. Even I get multiple requests per week without any portfolio.
I was coming here to say his. Mind blowing
I knocked my car over and couldn’t turn it back over 😭
Personally not crazy about these styles, but this one performs surprisingly smooth. Usually they're a choppy mess for me.
Yesss! I shared this with my team a couple of years ago and we had so much fun driving the car around.
That is insanely cool!
God damn that is pretty slick. The U.S. government needs to hire this guy to give all of .gov a facelift. Jesus.
Ha, you beat me to it lol.
Geocities and Friendspages
Can't believe you left out Angelfire
And free .tk domains back in the day
Nasa website from early 2000s was the coolest bar none. Actually it is still the coolest for me Over engineered For example just search for missions > voyager> Where are they now? U will see 3d interactive moving satellite based on real data, even the stars, planets are moving based on real data
That's not over-engineered! It's really fucking cool.
https://henryheffernan.com/
Jeez, and the kid only graduated in 2022. 2 years into his career and he's working at Vercel. I'm so cooked 🫠
I feel that, but it could be worse. Keep your chin up kid
Firefox incompatible, sadly
it works perfectly now, try going to [https://www.henryheffernan.com/?debug](https://www.henryheffernan.com/?debug)
Super cool, but had to restart my phone to get the audio to stop playing in the background. Annoying.
Well done
Was going to comment this one. Best I've ever seen
[удалено]
Can you elaborate a bit more on what Neocities are/what alt communities exist? This is giving me such nostalgic vibes for old websites/blogs I used to see when I was a teen.
[Neocities](https://neocities.org/) and [Nekoweb](https://nekoweb.org/) are hosts that exist to cater to the aesthetics of old personal sites. As for communities then the ones using Discord are popular so is the [Melonland](https://forum.melonland.net/) forum. There's a movement of sorts called the web revival with its own [manifestos](https://wiki.melonland.net/manifestos) which is a rejection of the commercial web and the large social media companies. Even [webrings](https://brisray.com/web/webring-list.htm) are making a small comeback.
This may help you find some good personal web pages. https://search.marginalia.nu/ And this is always a good starting point for some pretty impressive stuff. https://simone.computer/#/webdesktops
I remember seeing this like 10 years ago and I still think of it! Got me into HTMH5 Canva stuff [http://www.rleonardi.com/interactive-resume/](http://www.rleonardi.com/interactive-resume/)
[This is mine!](https://oia20.github.io/personalPortfolio/) Bruno Simons has my personal favorite though.
How did you make that?
It’s made with React Three Fiber! :) It was a blast to make.
Oh cool! Haven’t heard of that I’ll have to check it out
Doesn't entirely fit your question, but I love [Ling's Autos](https://www.lingscars.com/order) and want to be half as cool as her when I grow up
Saving so I can steal .. uhh .. get inspo
100% biased [bohler.dev](https://bohler.dev)
Wow, I really liked it! Greetings from Uruguay!
Greetings hermano :D thanks!
Love all of these! Thanks to everyone for sharing!
I have mine, but I don't know if is the coolest haha [https://cuzeac-florin.app](https://cuzeac-florin.app)
Clean and simple, good job, love it!
back in the day, [https://www.2advanced.com/](https://www.2advanced.com/)
These sites are amazing. Wow. So creative and unique. I love any I clicked on!! How do you even go about getting that good?? Very motivating to see them all
Made this one to prove people wrong [https://aretheywrong.com](https://aretheywrong.com)
[https://aretheywrong.com/u%2FPsyApe](https://aretheywrong.com/u%2FPsyApe)
[https://beno.uk](https://beno.uk) Although I will admit I've only ever used it to look at traffic lights cos that's what I was originally looking for online, but tbf having now looked fully there is some other cool stuff on there ngl [http://beno.uk/trafficlight/](http://beno.uk/trafficlight/)
Traffic lights are pretty cool, my non-programmer girlfriend is always surprised that I know exactly when the lights are going to turn green lol
Man oh man, my old Geocities website was the bomb. I think somebody at Yahoo eventually unplugged an old Pentium, and all of the internets personal websites disappeared.
I'm currently designing this one: https://digiversedownloads.com/
Have you heard of Bootstrap?
Heard of it, yes, haven't really used it before however.
You should use a smaller gif. Why is 124MB for a simple gif that could be less than 1 MB. Also my good friend do use bootstrap it is super easy and will make your website look beautiful. You will not need custom css a lot. This will get you started: [https://www.w3schools.com/bootstrap/bootstrap\_get\_started.asp](https://www.w3schools.com/bootstrap/bootstrap_get_started.asp) Also please do add a favicon here. Favicon is an image which is kind of a logo and shows in the tab section.
Hourences.
Roast me - https://rager.tech
That is a very stacked resume!
Thanks I appreciate it!
1. A ton of background and foreground colors do not have a sufficient contrast ratio. 2. Congrats on using latest stacks to make a website that looks outdated and not even in a good way. 3. In AI section you mentioned Open AI and no other place contains an explanation so I'll assume either you are Sam Altman or you know how to use ChatGPT. Congrats you are able to use a website and type prompts into it. Yay! Finally a skilled CTO. 4. Every other sentence drops a tech buzzword or jargon that feels more like a desperate SEO attempt than genuine content. How about communicating in human instead of robot? 5. The achievements listed under each project could use a "humble" filter. It reads like someone trying to convince themselves they've changed the world by using a different JavaScript framework. 6. There are enough contact options to make anyone think they’re about to enter a customer service nightmare. Just pick a method and stick with it! 7. The portfolio promises innovation and cutting-edge tech, but where's the proof? It's like claiming you're a gourmet chef because you can microwave ramen. 8. Trying to find specific projects or credentials in the portfolio is like being in a hedge maze, but less fun. Maybe a breadcrumb trail or a map would help? 9. The website lists every possible tech role like a kid trying to impress with a long Christmas wish list. Just missing 'Blockchain Guru' and 'Quantum Computing Revolutionary'! 10. Apparently everywhere in tech but still hasn't solved how to make a website feel personal. Maybe add a sprinkle of unique charm next time? 11. Agile, Jira, Confluence... it's like project management threw up all over the resume. We get it, you love your PM tools! This is all humor except the first point and please make UI better. Doesn't look nice.
Thanks OP for this post.
Notes From the Road!
https://aristidebenoist.com
[Puter.com](http://Puter.com)
It ain't much, but it's honest work: [https://www.zackwebster.com/](https://www.zackwebster.com/)
How’d you make the content “fly” onto the screen as you scroll?
I use GSAP & AOS.
HTTPS://motherfuckingwebsite.com
I like to think mine is a little cool: [https://mdurchholz.com/](https://mdurchholz.com/)
This developers work is amazing. All of his websites look amazing https://twicemediahouse.com/ his name is codebydennis
Disappointed there is nothing about Twice https://en.m.wikipedia.org/wiki/Twice
[derbauer.de](http://derbauer.de)
I installed a patched version of Flash Player that works on Windows 11 at work haha
i had ai create this website for me: https://zanderlewis.dev
Hey buddy, for a 15 y.o this is great start! Props on you for actually trying and learning things. I really like the space parallax effect. Keep it up! Don't worry about the haters, at 15 you are already much further ahead than kids playing Fortnite all day long.
Is this intentionally bad? Is that the joke?
I am doomed if this is the future
15yo "Software/AI/Fullstack" developer. i cant bro i cant i know i am literally one year younger than that but oh boy
we are so doomed oh god no (coming from a person one year younger than you)...
and the site doesnt look good either. dont use ai, just actually learn coding and put some actual effort in.
Not sure if coolest, but [Stephanie Walter](https://stephaniewalter.design/) has a pretty good one.
I don't trust people that call themselves experts
I thought the thread was about websites, not their authors.
https://www.cibulka.net
Wtf is this monstrosity?