Always admired those that use SASS. SASS is a pre-processor. Sort of a scripting language that provides access to features not commonly available in CSS. You can use mixins, variables, nested rules, imports, and built-in functions. I've resisted using SASS. I've seen some of the CSS generated via...
After much research and inspecting the code from various CSS frameworks, including so-called "class-less", I have come to some conclusions – that are meaningful to me. MIght be meaningful to some others and that's the purpose of documenting this. There is no shortage of CSS frameworks and of all...
The amount of mis-information about FontAwesome is incredible. One of their competitors even claims FontAwesome version 4.7 is designed at 14px and any size above that will appear fuzzy. What a load of garbage. One of the reasons to use FontAwesome is that it is a FONT ... that means it can be...
I've had an opportunity over the past few years to look closely at various CSS Frameworks. With the extra scrutiny these past few weeks, I've noticed there is a lot of duplication in the css code. Different class names, but useless duplication. To illustrate, I took the grid system from one CSS...
I have posted nearly every day for the past few weeks, mainly with rants about bloated CSS Frameworks. The CSS Framework I have been using until recently is Bulma CSS Framework. As of 21 March 2024, it has the distinction of being the largest file size CSS Framework used via a CDN. At 713Kb, it is...
I've been researching switching from Bulma to Bootstrap. Why? Well, you simply can't ignore that the path Bulma is on with v1.0.0 is contra-indicated for mobile sites. Gheez, v1.0.0 is now 713Kb from a cdn source. And you still need javascript, adding to the problem. Using Bulma v1.0.0 is like...
Bulma CSS Framework has several elements, components, or utilities that require javascript to implement the functionality expected. I always use the example of the burger menu. On most of the Bulma example templates, if you shrink the view of the website, the standard "three-line" burger menu will...
All modern CSS Frameworks claim to be mobile first. Bootstrap does. Bulma does. Most others do as well. All CSS Frameworks need Javascript (as in plain vanilla javascript only, JQuery, or others). It can't be done without Javascript of some sort. The simple proof of that is the navigation. Without...
I actually started looking into paring down the overall size of a CSS Framework. I split the components portion of that CSS Framework into its various parts. One of the components, navbar, was 33Kb (raw). Someone came up with an extension to this that permitted the navbar to work as a mega...
I'm still looking at finding ways to pare down the beast. The beast, of course, is a CSS Framework. I have the full version now down to 210Kb minified. I wanted to have a look at the size of the data that makes up the "buttons" in Bulma (v0.9.4). As tiny as I can make it, it still comes out at...