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:
The first available release of Flexbox was generally available in 2013.. CSS Grid defined in 2012 and generally available in 2017. CSS Grid is also known as CSS Grid Layout. Both have strengths and weaknesses. Does CSS Grid replace Flexbox? Not by my recknoning. I think of CSS Grid as a "layout"...
Have to tell the truth here ... I've been avoiding CSS Grid. I really didn't get how it could either replace Flexbox or co-exist. I had a similar experience when Flexbox first hit the scene. To that point, and like everyone else, my company used floats to achieve columns. We tried, emphasis on...
So many different css "frameworks", it's getting ridiculous. Copies and hacks of others' work. Very little is net new. It does create a bit of a problem ... many of these CSS "frameworks" start off on a cheery note and then end up as "stalled development" or abandoned entirely. You can also add in...
In the previous two articles (titled started with CSS Nesting), I used custom form elements as an example of CSS Nesting. The first example was a direct replacement for just the form element itself, it would fail when adding text. The second example expanded on that and was a full replacement for...
In the first example, I posted some code for a checkbox switch. That worked, but only replaced the checkbox element. If you attempt to put text beside it, the code fails. The code is based on an assumption that it will be an on/off switch with some other HTML element doing the explaining. This is...
Selectors have long been the domain of LESS and SASS pre-processors. They are also native to CSS too – along with combinators, child and appended nested selectors. To illustrate this, I will post the code to recent development for My CSS Framework (blade.css) – a checkbox toggle switch. You...
I withdrew both ttCMS and DCP-Portal from the marketplace at the same time. Both were nearly identical CMS systems. ttCMS was a hack of DCP-Portal. When the original developer of DCP-Portal was looking to part with it, I bought it. Roughly six years later, I withdrew it from public availability....
A serious error in Bulma v1.0.0 was reported on May 5 (issue 3814 on Github). For reference, I will use the full version of "bulma.css" so you can follow along too. Starting at line 8500, you will find: .columns.is-mobile > .column.is-offset-one-third { margin-inline-start: 0.3333%; } The...
This would have meant a lot more earlier in 2024. Back when I was invested in using Bulma CSS Framework. Back when using Bulma CSS Framework had some relative meaning. You see, we all need validation. We need our decisions validated. We need our actions validated. When I used Bulma CSS Framework, I...
I understand how software can get out of control and bloated. I've done it myself, hate to admit it. In writing my CSS Framework, I started with a module for a responsive 12 column grid system. At the point where I felt comfortable to use it in a pre-production environment, it was 7Kb in size. I...