The latest articles on DEV Community by Lucas Guilherme (@lucas_guilherme_9880b42f0). https://dev.to/lucas_guilherme_9880b42f0 https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3415797%2F83b90c7f-31f4-4ea2-b4ef-880cfa54ff4d.jpg https://dev.to/lucas_guilherme_9880b42f0 en Lucas Guilherme Tue, 12 Aug 2025 02:15:52 +0000 https://dev.to/lucas_guilherme_9880b42f0/old-aesthetics-in-modern-web-dev-jkf https://dev.to/lucas_guilherme_9880b42f0/old-aesthetics-in-modern-web-dev-jkf <p>I always loved the old web aesthetics. The color contrasts, the sharped corners, the speed and the responsiveness of the websites. There was always a visitors counter as well, so we all felt more connected (more then today, btw).</p> <p>Recently, I was building a new website for the lofi public and thought that should be a good idea to make it look older, maybe bring some nostalgia back.</p> <p>That's how <a href="https://theroooom.com" rel="noopener noreferrer">THE ROOM</a> was born.</p> <h2> The features </h2> <ol> <li>A lofi radio playing songs from our users</li> <li>A visitors counter</li> <li>A global chat</li> </ol> <h2> The frontend </h2> <p>The style is very clean: Black and white, a lot of space, strong colors, shadows (no blur), sharped corners and a mono font.<br> It was built with HTML, CSS + Tailwind and Javascript (The first version used NextJs but i rewrote it). It is fast and simple.<br> I also added some gifs to make it more fun.</p> <p><a href="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fch4kxupabqhjr7jadokf.png" class="article-body-image-wrapper"><img src="https://media2.dev.to/dynamic/image/width=800%2Cheight=%2Cfit=scale-down%2Cgravity=auto%2Cformat=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Fch4kxupabqhjr7jadokf.png" alt=" " width="800" height="800"></a></p> <h2> The backend </h2> <p>Made in Go, it is based in websocket connections to send room information + song bytes. <br> Everything via sockets is sent in pure bytes and parsed in the frontend. We decided to go with raw bytes because:</p> <ol> <li>It is pretty cool and we wanted to learn it.</li> <li>We live in Brazil and the Dollar is quite expensive, so our Fly.io machines needs to be very efficient. Every optimization counts to save machine power.</li> </ol> <h2> Resume </h2> <p>I'll try to apply these kind of design in every project where it fits. I want the fun back!!</p> webdev frontend design css