3 ms·
These are the CSSStats.com stats for the companies you mentioned: Airbnb (332kb, 54 text colors, 72 background colors, 48 font sizes): https://cssstats.com/sta
by adamwathan 8y ago
These are the CSSStats.com stats for the companies you mentioned:
Airbnb (332kb, 54 text colors, 72 background colors, 48 font sizes):
https://cssstats.com/stats?url=http%3A%2F%2Fairbnb.com&ua=Browser%20Default https://cssstats.com/stats?url=http%3A%2F%2Fairbnb.com&ua=Br...
Walmart (178kb, 32 text colors, 22 background colors, 64 font sizes):
https://cssstats.com/stats?url=http%3A%2F%2Fwalmart.com&ua=Browser%20Default https://cssstats.com/stats?url=http%3A%2F%2Fwalmart.com&ua=B...
Twitter (630kb, 36 text colors, 50 background colors, 46 font sizes):
https://cssstats.com/stats?url=http%3A%2F%2Ftwitter.com&name=Twitter https://cssstats.com/stats?url=http%3A%2F%2Ftwitter.com&name...
GitHub (658kb, 157 text colors, 141 background colors, 55 font sizes):
https://cssstats.com/stats?url=http%3A%2F%2Fgithub.com&name=GitHub https://cssstats.com/stats?url=http%3A%2F%2Fgithub.com&name=...
These are not stylesheets I want to emulate. As I mentioned in my other reply, GitHub is actively moving towards a more utility-based approach to solve this problem.
Compare this to a fairly large app where the CSS and markup were completely rewritten using Tailwind by a friend of mine recently:
https://cssstats.com/stats?link=https%3A%2F%2Fapp.churchsocial.com%2Fcss%2Fapp.css https://cssstats.com/stats?link=https%3A%2F%2Fapp.churchsoci...
41kb (8.1kb gzipped), 15 text colors, 44 background colors, 22 font sizes. Pretty good, no?
- necolas 8y agoTwitter PWA (30 KB, 11 colors, 32 bg colors, 15 font sizes): https://cssstats.com/stats?link=https%3A%2F%2Fgist.githubusercontent.com%2Fnecolas%2F5b1944d36dcf7443bf0ef367153d8434%2Fraw%2F32c905204855703f3364ebbebeaaa74f79d8a199%2Fstyles.css https://cssstats.com/stats?link=https%3A%2F%2Fgist.githubuse... This is all the CSS needed to render almost the entire app from mobile to desktop widths, in both light and night themes. The "utility CSS" is generated by a framework and not something engineers have to be concerned with when writing components.
- necolas 8y agoUpdated link https://cssstats.com/stats?link=https%3A%2F%2Fgist.githubusercontent.com%2Fnecolas%2F2a174ef5884ae8b24c48180093f61e35%2Fraw%2Fd3362647163d826d738c327339ab434b5070f14c%2Fpwa.css https://cssstats.com/stats?link=https%3A%2F%2Fgist.githubuse...