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
 
djpandab profile image
Stephen Smith •

Yeah definitely a throwback and refreshing. Good job!

Collapse
 
vaibhavkhulbe profile image
Vaibhav Khulbe •

Thank you!

Collapse
 
manyrios56 profile image
Manuel Rios •

Good, I really like this well done.

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