[Lawrence]

MiddleClass is a lightweight, classless-first CSS framework for semantic static websites. It gives common HTML elements, navigation, forms, tables, and content structures clean, responsive defaults before any component classes are added.

https://github.com/jessuppi/middleclass

[Jessica]

MiddleClass is a lightweight, classless-first CSS framework for semantic static websites. It gives common HTML elements, navigation, forms, tables, and content structures clean, responsive defaults before any component classes are added.

The framework is distributed as one readable CSS file with no build step, package manager, preprocessor, or JavaScript dependency. A small public class API handles common layout and presentation choices that semantic markup cannot express by itself.

MiddleClass can be used for blogs, documentation, landing pages, small business websites, and other content-focused projects, but its primary audience is smaller sites deployed with services such as GitHub Pages or Cloudflare Pages. It works without customization, while projects that need their own design can load an optional style.css after middleclass.css to override variables, element styles, or public classes.

[Russell]

Cool but what is classless-first?

[Judy]

> Cool but what is classless-first?

It’s primarily meant to be classless, but still supports and expects classes to be used for things like clusters, stacks, etc. So it’s not a purist type of project!

[Ryan]

Demo site:

https://jessuppi.github.io/middleclass/

[Janice]

Very classy!

[Christian]

Very classy!

Noooo just a little bit lol. And definitely not CLASSLESS

[Heather]

What’s the point of using frameworks for CSS and is this project meant for WordPress? Mostly I’ve only heard of Tailwind for CSS frameworks in WordPress…

[Samuel]

@Heather similar idea with Tailwind but Tailwind is much heavier and advanced. There’s a trend in the past few years to return to simple or classless CSS for semantic (basic) HTML styling for those exhausted by all the bloated JS and CSS frameworks that are better suited to complex or enterprise style projects.

You can use any CSS framework in WordPress, as part of your theme or replacing your theme’s stylesheets if you like but MiddeClass is not really aimed at WordPress, more static sites.

[Author]

Posts