163 bytes of pure functionalism.

I've spent years browsing the gorgeous websites (or digital art installations, depending on how you look at it) on sites like I'm constantly being inspired and challenged by the bleeding-edge, avant-garde pieces showcased on the site. through following other designers on that site, going through their code, and devoutly researching the design tactics of various agencies, I've become significantly more skilled in the art of web design and development. however, after all the flashy colors, custom cursors, stylish svg animation and new-age typography, sometimes a little minimalism is refreshing.

so, I took inspiration from other similar projects, like the collection of websites under the different variations of "motherfucking website" such as motherfuckingwebsite, bettermotherfuckingwebsite, and the more recent the goal of these websites is to demonstrate that the true purpose of a website is to simply convey information in the most accessible manner possible — a point that each of these websites prove.

I also took some inspiration from an article about a certain 58 bytes of css that generally works perfectly on any screen, and added just a little bit of extra css to make it look a tad bit cleaner.

Sites made like this are probably never going to show up on the front page of awwwards, but they are perfect in almost every way — accessible, functional, mobile-friendly, readable, fast as hell, and stylish — but not flashy.

in exactly 163 bytes (minified):

body{font-size:18px;line-height:1.6;max-width:38rem;margin:40px auto;padding:2rem;color:#222;font-family:sans-serif;background-color:#eee}h1,h2,h3{line-height:1.2}

...and that's it. I think that using 18px as the root font size generally looks better in the case of designing for a page like this (one that pretty much strictly involves text), although generally I use 16px and in the end it's just up to the designer to do whatever works best.

after writing the recent massive update to my personal website/portfolio thing, I started to go back to basics. the most important lesson I've learned in web design recently is that you can do a lot with very little in css. not everything has to be done in javascript, you probably don't need bootstrap, every website doesn't need react, etc.... sometimes it's ok to just be vanilla.