Bulma is a CSS framework that I have used in the past. I was engaged in the framework and developed quite a few websites with the code base, starting with v0.9.4. I did have some concerns ... Bulma is a huge size. I need to make it clear: I do not use any CSS pre-processor. I use the CDN as...
There is no way of creating a new CSS framework, classless or class-light, without a thorough knowledge of HTML5. One aspect of HTML5 is the new structure the specification brings with it. Some, with controversy (or at least confusion). The new layout semantic...
It really is getting easy. The key to going classless is to treat everything as a block. First, there is the "wrapper" itself. Most of the time that is <section, or <article, or even a <div with a class name something like class="hero-wrapper" ... recognize that? It's that "wrapper"...
I stumbled onto a site that featured a responsive horizontal card. The HTML structure for each sample card was a minimum of 458 bytes. The CSS was a total of 116 lines of code. It was an interesting structure for both the CSS and HTML ... I re factored the CSS as a nested classless structure and...
Wow! just WOW! I am pretty much done all the code and creating index and template files. One last step: calculate the overall sizes for raw files, minimified files, and gzip equivalents. I have everything organized into "classless" and "class-light". Classless: 37.124Kb raw, 23.985Kb minified,...
If you do a search on "what is semantic html", you'll end up with quite a few links – most giving examples like <div> <span> <button> <nav> and many more. Dig a bit deeper though. And ask more questions. In particular, search on HTML attributes. If you include those in...
The more I spend time coding for HTML attributes instead of classes, the more I like the direction. Buttons were a lot easier to make classless than I originally thought – plus they fit right in with the "role" attribute, providing an indication for accessibility purposes. Rather than just...
Is it right? Can you still call a framework classless if you use data- attributes? or "roll"? That would look like: <div data-grid> and <div roll="grid"> .... I am going through the process of trying to create a CSS classless framework. I've got some great components already, including...
As I evaluated the grid code, it occurred to me that the "blade" part of the name I chose "CSS Blade" meant cutting the garbage out of CSS code ... all to achieve a minimum CSS file size. I decided to re-evaluate all the CSS code I had written to this point. All with one main question: Can I write...
There have been many eureka moments while developing my CSS "framework" (called CSS Blade). The first came when I decided to separate the modules into "classless" and "class-lite". That worked beautifully. The class-lite modules came together really well, I am proud to say. While I did not...