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...
Reminder, here's what my classless form icons look like: I wanted a really simple pure HTML mock up with the CSS doing the work – and without using any classes at all. Just plain semantic HTML. The only class being used is the icon itself. I used the Font Awesome (v4.7.0) library in its default...
A lot easier than I thought. Icons on the left, icons on the right. And completely classless. I'm going to post the HTML code I expected to work. Tomorrow I will post the actual CSS. I have a bit of cleanup work to do (I use borders to give me visual clues for debugging purposes). Before I post...
A comment to start: watching the status of Classless and Class-light frameworks ... nice to see some major progress in this area. One Class-light framework has gone a bit too far though. The Class-light should not venture too far into the 12-grid mindset. Keep in mind that the 12-grid framework came...
I still can't figure it out. Why, why does anyone use kitchen sink CSS frameworks? The worst of them all is Bulma. It's now at version 1.0.4 and has increased in size – again. Unminified it is 747Kb (minified it is 663Kb). There's always someone that will come to the rescue and explain this piece...