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...
I started my working life working in the printing department of a newspaper. Althought I was called a printer, I was actually a compositor. Haven't got a clue about running a printing press, but I know how to work with type (fonts), build and put pages (layout) together. To answer the question...
And, as a sweetener, I have a new feature added too. To help with accessibility, I've added a font-size switcher. You can see it in real size at the right (portion of a screen shot). I do know that the user always has the ability to press CTRL + or to use the mouse and do a CTRL scroll up or down...
I did more research on file sizes of two of the CSS frameworks – largely because I did not believe the reviews of others. My other motivation is that I am working on some new websites that are mobile first designs. I had concerns about the file sizes of CSS frameworks as they relate to desktops,...
To support a CSS framework requires some Javascript code. There is absolutely no doubt that about. It's easy to verify that, just try the responsiveness of any CSS Framework based website without Javascript and it fails. For the menu to work in narrower viewpoints, you have to display some sort of...
Well, that was a short lived idea. As said in the original post, rolling your own CSS framework is not for the feint-hearted. It's a huge undertaking, plus I have too many components and elements I created for my modified version of Bulma. I'm back to using a modified version of Bulma. It's...
Roll your own CSS code: not for the faint-hearted. I was a bit premature in suggesting this could be done in less than 20Kb ... I'll be lucky to get around 100Kb. Here's my list of "must-haves" and "desired": Responsive grid with same (or similar) class names I am familiar with (Bulma mainly),...
After three reviews of Bulma CSS v1.0.0 ... I think I'll roll my own. I've come up with a few different ways of taming the bloat: Start with the "no-dark-theme" version, add the missing "Helpers", modify the eight hard font calls, and remove minireset (replace, actually, with sanitize). This...