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:
I own ttCMS and DCP-Portal. ttCMS was my fork of DCP-Portal. I ended up buying DCP-Portal code and websites back in 2004 and maintained both ttCMS and DCP-Portal. Both ttCMS and DCP-Portal were regular winners of Content Management Systems competitions including jointly winning first prize in a Byte...
I wrote an artice about this subject a bit more than one year ago. My thoughts on this have not changed ... rather, they are reinforced. Every now and then I end up using the FontAwesome 4.7.0 CDN as a quick development shortcut. I usually just need a few icons for a navbar or social media bar and...
It's been a poser ... how can you build a horizontal megamenu without one single class? without one single id? First, here's the feature list (full width shown at right): Three sections in the navbar: Brand, Menu, Hot Links (like cart icon, etc) Menu can contain: Single links Multi-level...
You don't have to search too far to understand the importance of the H1 tag. It's fundamental to good SEO. Power Digital Marketing says "The H1 tag is the most important main heading on a page because it's the highest heading level tag that shows what your page or blog post is about. As a result,...
As I spend more time writing my own framework, it occurs that it really is the only way to meet your exacting needs. Approach this as a developer. The first issue is how your project will appear on various browsers. You can't avoid this, it is impossible. You cannot control what browser users will...
Bulma is a CSS framework that I have used in the past. I was engaged in the framework and developed quite a few websites with the code base, starting with v0.9.4. I did have some concerns ... Bulma is a huge size. I need to make it clear: I do not use any CSS pre-processor. I use the CDN as...
There is no way of creating a new CSS framework, classless or class-light, without a thorough knowledge of HTML5. One aspect of HTML5 is the new structure the specification brings with it. Some, with controversy (or at least confusion). The new layout semantic...
It really is getting easy. The key to going classless is to treat everything as a block. First, there is the "wrapper" itself. Most of the time that is <section, or <article, or even a <div with a class name something like class="hero-wrapper" ... recognize that? It's that "wrapper"...
I stumbled onto a site that featured a responsive horizontal card. The HTML structure for each sample card was a minimum of 458 bytes. The CSS was a total of 116 lines of code. It was an interesting structure for both the CSS and HTML ... I re factored the CSS as a nested classless structure and...
Wow! just WOW! I am pretty much done all the code and creating index and template files. One last step: calculate the overall sizes for raw files, minimified files, and gzip equivalents. I have everything organized into "classless" and "class-light". Classless: 37.124Kb raw, 23.985Kb minified,...