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:
Doesn't matter how many times I say it, nothing is quite as proof-positive as a screen shot of the W3 market share website as shown at the right. Yes, you read it right. Bulma CSS has 0.2% marketshare of all websites that use a CSS Framework. That also represents less than 0.1% of all websites. The...
Using Fontello is a dream. I have selected a total of 99 icons that are the core of what I used with Font Awesome. Instead of loading over 1.8 Mb of data with Font Awesome, I am able to access all the icons I need at a total of 24Kb with Fontello. That includes a minified CSS file and the font...
While working on some enhancements for my Blade CSS forms components, I found myself needing to add a few icons to the Blade CSS collection. By collection, I mean the Fontello icon groupings. If my preference is Font Awesome, why use Fontello? I gave up on Font Awesome when version 5 was released....
Working on Blade CSS and found myself wanting to add icons to input fields, including those where the type was declared. There are a few that don't need icons ... date, file, and number. Those have a pre-built appearance or an icon defined by the browser (date, for example, has a calendar icon at...
I've been working on PHPMailer-FVE for some time now. I came across an issue others should be aware of. Background: I am an advocate on using every possible security technique in dealing with forms and emails. In forms, I use front-end strategies and back-end strategies. Front-end usually means...
Bootstrap market share falters ending with a 1.6% market share loss (78.7% one year ago, to today's 77.1%). Foundation also loses market share from 2.3% to 2.1%. Tailwind becomes a market share darling, taking their market share from 0.5% to 0.8% ... a 0.3% gain. Materialize and Materialize...
It occurs to me that the vast majority of components for frameworks are purpose-built. And I need to point out – there's nothing wrong with that. Obviously there is something behind this article. I've been building components for CSS Blade, my new CSS Framework. Headers, footers, and alternate...
I'll be adding to this post over the next few hours. But here's the start: Grid CSS Blade module is 7Kb raw, 5Kb minified. Three types of grid, all based on CSS Grid: Page Layout with 3, 4, and 5 rows. The "standard" one is 3 rows for a Header, Main, and Footer. The 4 and 5 row layouts are to...
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...