Latest and important posts

Using data- HTML attributes instead of classes

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...

More about the CSS re-visit

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...

Re-visit responsive grid

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...

Classless form icons

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...

Eureka! Classless form icons

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...

Classless form inputs with icons

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...