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:
Offsets are not possible with CSS Grid. Do a quick Google search and you'll find many sites with work-arounds. One of the most promising is by having a div wrapper and "push" the contents to end up with a pseudo offset. The most prevalent comment is "why use offsets?" suggesting, of course, that...
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...