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...
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...