DEV Community

Cover image for Style your next blog with vanilla HTML. No CSS. 😵

Style your next blog with vanilla HTML. No CSS. 😵

Vaibhav Khulbe on June 12, 2020

For adding style to your websites, we need something called CSS HTML. ...said no one ever. But what if we make it possible? Of course, our bro...
Collapse
 
madza profile image
Madza

I went from (⌐■■) to ( ••)>⌐■-■ when I saw the title :)

Collapse
 
vaibhavkhulbe profile image
Vaibhav Khulbe

(❁´◡`❁)

Collapse
 
vaibhavkhulbe profile image
Vaibhav Khulbe • Edited

Correct. It is focussed on both semantic HTML and classless CSS framework.

The default browser styling is simply too basic. Black text on a white background... :'( Not what most of us would like to have. new.css usage is for a static webpage like your about page or a blog as written in the article. Also....there are colours and you can make your own custom theme ;)

Collapse
 
leob profile image
leob

Well, the idea is kind of refreshing :-)

You still use CSS obviously, it's just that you don't use classes.

Collapse
 
vaibhavkhulbe profile image
Vaibhav Khulbe

Yes! It's a classless framework :)

Collapse
 
leob profile image
leob

Classless but classy ;)

Collapse
 
adam_cyclones profile image
Adam Crockett 🌀 • Edited

I style stuff with aria-* where possible because A its stateful, B its style that depends on good accessibility, yes thats right force yourself to write good accessible websites. and for anything not aria, schema.org has you covered. either way, you are not allowed to make crap wasteful websites with my method.

[itemprop='product'] {
    [itemprop='price'] {
        color: reallygreen;
        font-size: 3em;
    }
}
Enter fullscreen mode Exit fullscreen mode
Collapse
 
vaibhavkhulbe profile image
Vaibhav Khulbe

Definitely! Accessibility is really important. ARIA labels seem really promising. Thanks for addressing this.

Collapse
 
patarapolw profile image
Pacharapol Withayasakpunt

You might try some of the ARIA linters out there.

If you use no framework, no NPM, no eslint, there still seems to be enabler CLI.

Thread Thread
 
adam_cyclones profile image
Adam Crockett 🌀

Agreed, Aria can be harmful if used in incorrectly. Great suggestion.

Collapse
 
robole profile image
Rob OLeary

It's like CSS communism, classless! 😁

Collapse
 
patarapolw profile image
Pacharapol Withayasakpunt

It's called Marx.

Collapse
 
robole profile image
Rob OLeary

Someome is way ahead of me then😄

Collapse
 
vaibhavkhulbe profile image
Vaibhav Khulbe

Gotcha! 👀

Collapse
 
vaibhavkhulbe profile image
Vaibhav Khulbe

Yeah!

Collapse
 
vaibhavkhulbe profile image
Vaibhav Khulbe

Yes. They're quite similar!

Collapse
 
manyrios56 profile image
Manuel Rios

Good, I really like this well done.

Collapse
 
vaibhavkhulbe profile image
Vaibhav Khulbe

Thank you!

Collapse
 
djpandab profile image
Stephen Smith

Yeah definitely a throwback and refreshing. Good job!

Collapse
 
vaibhavkhulbe profile image
Vaibhav Khulbe

Thank you!

Collapse
 
malcode profile image
malcode

You are a god of HTML :)

Collapse
 
vaibhavkhulbe profile image
Vaibhav Khulbe

God to its creation:

Hello World