Coding a website or internet app can be a challenge. CSS (Cascading Style Sheet) comes to the rescue. One of the major enhancements in CSS technology is the Flexbox.
I've always rejected using a CSS Framework. As a website and web applications developer, our staff of designers and coders tried their best to steer the company towards using Bootstrap, a move I regularly rejected.
I'm more apt to use a framework these days. They do make development more rapid than without the framework.
However, I still find most CSS frameworks to be incomplete and close to junk. This category exists to offer some suggestions, code snippets and my opinions.
There are 10 posts in this category:
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...
I talked about this in a previous article ... writing your own CSS framework is not the greatest idea. It's always better to find something "close" to what you want and modify that. There are a ton of CSS frameworks floating around in every possible category you can think of. I ended up deciding to...
There's an old joke that goes something like this: Q. How do you eat an elephant? A. One piece at a time. It's a joke, of course, but a lesson too. Break things down to small pieces. It's a lot easier that way. A navbar is the same. When you look at the HTML and the CSS as a whole, it's a...
Research shows there are at least three categories of CSS Frameworks. Classless Class-light General None appeal to me anymore. In the "classless" category every single one I have looked at go well beyond "classless" and include application classes to show a demo page. Every "class-light"...