4 ms·
One of the reasons I've switched to a microframework (Milligram) is that the source is extremely easy to read and understand. Compare mini.css (https://github.
by nateberkopec 9y ago
One of the reasons I've switched to a microframework (Milligram) is that the source is extremely easy to read and understand.
Compare mini.css (https://github.com/Chalarangelo/mini.css/blob/master/src/mini/_input_control.scss#L83 https://github.com/Chalarangelo/mini.css/blob/master/src/min...) to Milligram (https://github.com/milligram/milligram/blob/master/src/_Form.sass https://github.com/milligram/milligram/blob/master/src/_Form...).
Unless you're planning on inlining your CSS in the head tag, IMO the network difference between 7kb and 20kb of CSS is just splitting hairs. I've gotten far more out of optimizing my CSS for programmer understanding than network size (though the two tend to be correlated!).
- petepete 9y agoAs someone who sees CSS as a necessary evil, the simplicity and readability of Milligram really appealed to me. I tend to use Bootstrap out of habit (plus there are plenty of resources and answers out there) but as my skills improve I really can see the advantages of a minimal, tidy starting point that Milligram (and others) provides
- sidmitra 9y agoMilligram sounds great for my blog, which i want to keep minimal. Are there any examples of sites(gallery) of sites built with milligram? I'd like to see some real-world examples.
- nateberkopec 9y agoNot sure. My blog uses Milligram inlined into the head tag: https://www.speedshop.co/blog/ https://www.speedshop.co/blog/
- naasking 9y agoMini.css includes css-only dynamic behaviour, like tabs and accordions. That's not something you get with milligram.
- devrandomguy 9y agoSo, we can hand-roll an SVG image in CSS, eh? Cool trick, I'll have to remember that one. background: url('data:image/svg+xml;utf8,<svg ...