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:
What an appropriate image ... an elephant on the big top. Bulma CSS released version 1.0.1 on May 20. It's actually larger in size than v1.0.0 ... a whopping internet-killing 714Kb. You'd think the minified version would help ... not much, the minified version of Bulma CSS v1.0.1 chokes the...
It's been awhile since I last posted. I did complete my first project using My CSS Framework (I call it CSS Blade). It went as expected, rapid deployment. I did need to fix a few things along the way. I also ran into some other problems, unrelated to My CSS Framework. One of the scripts I wrote...
One of the components I am working on is a "read more" link (or button) that can display an arrow to the right, eased in and out on hover. I got it working very nicely. When you hover over the Show Quickpanel button, a really nice arrow (unicode object) is eased into position over a 1s transition...
Everytime I look at the code for some Bulma stuff, I come away with raised eyebrows. While working on a Help Screen panel (similar to Bulma's Quickview), I decided to have a look at the Bulma Quickview Javascript that I downloaded some time back. The file is nicely named as "bulma-quickview.css" and...
I have used FontAwesome for years now, many many years. When FontAwesome upgraded v4.7.0 to v5, I stayed with 4.7.0 for two reasons. The first is that the license for v5.0 was restrictive and introduced a pay model. The second is that the icons I needed were in 4.7.0 for free. Any additional icons I...
My CSS Framework, CSS Blade, is in its final days of development. The code is fairly complete. I have divided it into three sections: Â Initialize section is a total of four files: Font Awesome loader ... I am fixing this to a local load of Font Awesome v4.7 with only one font (the WOTF2...
Hehehehe ... sorry, starting this article with a hearty laugh. I'm not the only one making the switch away from bloated Bulma. Have a look at the Bulma "Expo" page on their website. They feature SaaSHub as a user? SaaSHub uses Bootstrap. Check it out, then make the switch yourself – find a slimmer...
In designing all new components for my CSS Framework, I have an opportunity to test extensively. And, that's a good thing because I forgot a few things. Important things. My CSS Framework is a second or third design of my roll-your-own efforts. The first one was essentially a re-working of Bulma. I...
My CSS Framework is pretty much done. All that remains is testing. For the testing, I decided to build some components. As I build these components, I am mindful that components should be made with multi-use in mind. For example, my first component is a horizontal mega-menu. That means that a drop...
I've been trying to think through a small issue for some time now ... not coding, just sitting and thinking through the issue. Let's define the issue. We already have ways of offsetting columns. In both Bootstrap and Bulma, you add a class name for the column size, and then add another class to...