My table saw is an inexpensive Mastercraft Sliding Table Saw. Inexpensive is the polite way of describing it. It's cheap ... cheaply made, and no part has any accuracy. My "owner" experience so far is quite negative. My bad, I already knew Mastercraft tools were absolute junk. If you are ever in a...
Some time back I wrote an article on the 12 column grid system used by most CSS Frameworks. If it's not clear, I was questioning why 12 columns The number seems arbitrary. I have also seen grids that are fewer columns and some that are more columns. I have had to revisit this while trying to end...
From a fully functional and responsive Navbar, I wanted the ability to have any HTML inside a submenu – creating what is known as a "Megamenu". Here's what my Navbar looks like. The menu links "Instore" and "Online" are destined to become HTML submenus. The image below shows a regular...
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...