Hahaha, right? I’ve been feeling similarly. I definitely believe the more the merrier; competition is good. But I don’t know which to choose! Someone oughta put together a comprehensive comparative review of all these new minimal CSS frameworks.
I really like the thrust of this idea, but I’m virtually certain this grid is an abuse of the <aside> tag. Surely there’s a way to achieve the same thing with semantically correct HTML?
Just kidding, I actually admire people which a keen eye for detail. Carefully examining other’s people code can be as helpful if done with kindness as it can be bad if done condescendingly or arrogantly, and you didn’t really do it in either of the later bad ways =)
The project is build around the premise of default CSS starter kit. Instead of using CSS reset you use something like this to set the default style. You will probably need classes to make more complex grid. The grid logic is taken from: https://github.com/vladocar/infinity-css-grid .
Looks nice, would be cool if it was more mobile friendly, though? I quick tested with the responsive design mode on Firefox, it just gets smaller, which in an actual device is kind of annoying.
I’m starting to feel now is not a great time to drop my classless css project…
I was going to go a different route and try to have mine adopted as new default styles for browsers. Is that a bit too ambitious?
Side note- I feel that styling all of the main HTML elements is a great first project for new front end developers. It forces you to use and understand all of the core HTML elements.
I was going to go a different route and try to have mine adopted as new default styles for browsers. Is that a bit too ambitious?
If any CSS style were to be adopted in all browsers, I would expect it to be normalize.css, which is basically makes the minimum changes to each browser’s default styles that makes them all identical. normalize.css is already well-known, so I hope you can give the browser makers a good reason your defaults would be better. One reason might be that normalize.css zeroes body’s margins instead of setting them to a nice-looking default, making it predictable but not pretty.
Also note that you shouldn’t be trying to have your styles become the new default, but rather be merged into the current defaults, unless your styles truly reimplement all of the default styles. See how complex resource://gre-resources/html.css, the default CSS for your version of Firefox, is.
Is it fair that I feel we’ve been seeing too many of these?
There are soooo many. When I was looking I went shopping from this list of them https://github.com/dbohdan/classless-css
Hahaha, right? I’ve been feeling similarly. I definitely believe the more the merrier; competition is good. But I don’t know which to choose! Someone oughta put together a comprehensive comparative review of all these new minimal CSS frameworks.
I really like the thrust of this idea, but I’m virtually certain this grid is an abuse of the
<aside>tag. Surely there’s a way to achieve the same thing with semantically correct HTML?Also:
acronymis deprecated.your index.html lacks its opening
htmltag.<h3>Ordered lists</h3>should be anh4.<label>Number:</label>should be anh4, and the subsequentinputelements should be labelled:You must be fun at code reviews.
Just kidding, I actually admire people which a keen eye for detail. Carefully examining other’s people code can be as helpful if done with kindness as it can be bad if done condescendingly or arrogantly, and you didn’t really do it in either of the later bad ways =)
Thanks! I will fix that.
The project is build around the premise of default CSS starter kit. Instead of using CSS reset you use something like this to set the default style. You will probably need classes to make more complex grid. The grid logic is taken from: https://github.com/vladocar/infinity-css-grid .
Looks nice, would be cool if it was more mobile friendly, though? I quick tested with the responsive design mode on Firefox, it just gets smaller, which in an actual device is kind of annoying.
I adjusted index.html the grid to be responsive.
That’s quicker support than services I paid for, hahahah =P
The grids don’t line up in my Firefox (68.7.0esr). The gap between the penultimate and final column is smaller than all previous gaps.
I did tests with Firefox 72 on Mac and Firefox 76.0.1 on Windows and it works correctly.
I’m starting to feel now is not a great time to drop my classless css project…
I was going to go a different route and try to have mine adopted as new default styles for browsers. Is that a bit too ambitious?
Side note- I feel that styling all of the main HTML elements is a great first project for new front end developers. It forces you to use and understand all of the core HTML elements.
Only if you fail, which is statistically likely. But most amazing successes are statistically improbable until they are absolute certainties.
If any CSS style were to be adopted in all browsers, I would expect it to be normalize.css, which is basically makes the minimum changes to each browser’s default styles that makes them all identical. normalize.css is already well-known, so I hope you can give the browser makers a good reason your defaults would be better. One reason might be that normalize.css zeroes
body’s margins instead of setting them to a nice-looking default, making it predictable but not pretty.Also note that you shouldn’t be trying to have your styles become the new default, but rather be merged into the current defaults, unless your styles truly reimplement all of the default styles. See how complex
resource://gre-resources/html.css, the default CSS for your version of Firefox, is.This is my implementation of that idea, or at least a part of it: https://adi.tilde.institute/default.css/
Understanding is efortless, nothing forced there, also ambition and understanding don’t mix.