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:
Users can select their preference for Light or Dark mode in the browser settings. There are also a considerable number of browser extensions (or add-ons) to help users alter their browser's display of websites. Some enhance sizes, some enhance colors, some offer their own version of Light or...
A growing trend, and likely now the majority, is Dark mode in websites. I've heard Dark mode referred in other terms too, including Night mode. Most browsers have an "appearance" setting to indicate the user's preference to view websites in Automatic, Light, or Dark. That setting assumes the...
Working with unicode characters to add to CSS Blade. In particular, I am working on a Dark/Light/System mode drop down panel. I have used the switch or toggle to change between Light and Dark mode in the past. Now I want to add the option of System and that doesn't lend itself well to a switch or...
Can't get away from Flexbox entirely. At this date, I found that Flexbox was easiest (or simplest) to work with when working on utilities. While utilities often involve a bit of layout work, the bulk of the task is a utility. One example is a complex responsive navigation system. If it is a simple...
Look at all the major CSS frameworks and you'll quickly discover that they all are based on a 12 column responsive grid. Most use Flexbox, some use CSS Grid. Some even use both. I recently inspected the code of one CSS Framework and discovered they had written the CSS Grid portion to completely...
Rethinking this issue. On initial view, it appears the answer is clear: using both makes sense. Flexbox has some features not available in CSS Grid (auto width columns, for example) while CSS Grid has features not available (or broken) in Flexbox (gap, for example, doesn't work in "wrap" mode of...
In a previous article, I stated that I refuse to create any code to support Internet Explorer (IE). It's worth your time to take a quick side trick and read the security issues in IE. IE was notorious. Hackers exploited the vulnerabilities ... users paid the price with defaced websites, data...
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...