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:
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...
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),...