When making this website, i wanted a simple, reasonable way to make it look good on most displays. Not counting any minimization techniques, the following 58 bytes worked well for me:
main {
max-width: 38rem;
padding: 2rem;
margin: auto;
}
Gustavo Caetano gcjbr
JoeyBurzynski
/ 55-bytes-of-css.md
Last active
July 20, 2024 05:29
58 bytes of css to look great nearly everywhere
Hello, visitors! If you want an updated version of this styleguide in repo form with tons of real-life examples… check out Trellisheets! https://github.com/trello/trellisheets
“I perfectly understand our CSS. I never have any issues with cascading rules. I never have to use !important or inline styles. Even though somebody else wrote this bit of CSS, I know exactly how it works and how to extend it. Fixes are easy! I have a hard time breaking our CSS. I know exactly where to put new CSS. We use all of our CSS and it’s pretty small overall. When I delete a template, I know the exact corresponding CSS file and I can delete it all at once. Nothing gets left behind.”
You often hear updog saying stuff like this. Who’s updog? Not much, who is up with you?
Other people's projects:
- https://github.com/laracasts/URL-Shortener URL Shortener by Jeffrey Way
- https://github.com/basco-johnkevin/laravelsnippets Source code of http://laravelsnippets.com website
- https://github.com/jesseterry/FusionInvoice FusionInvoice is built for freelancers and small businesses who need a simple, yet powerful self-hosted web based invoicing system.
- https://github.com/ezynda3/burnmsg is a self-destructing encrypted message app. A demo is also running on https://burnmsg.com
- https://github.com/martindilling/auto-generating-gallery the demo is at http://gallerydemo.martindilling.com/
My projects (tutorials are on my blog at http://maxoffsky.com):
- https://github.com/CodepadME/laravel-tricks - Source of Laravel-tricks.com