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:
Spending some time going over my CSS Framework code, in particular - the grid system. I found a small issue when it wrapped and the row conained an offset. I had forgotten to add a condition to remove the spacing on an offset ... more important, I had forgotten that an offset should be hidden in...
Click to view full size: showing major components (navbar, sidebar, footer) There's a joy in seeing this project come together so well. This project: my roll-your-own CSS Framework. Before I start in on this article, know that all the screen shots on this page are thumbnails ... if you click on...
Rolling your own CSS Framework is a challenge. On multiple fronts. Although I've used CSS for decades, I have never really beyond application level css files. You know what I mean, typically a few hundred lines of CSS code - usually to "tweak" an existing design. For the past few years, I have...
Many of the solutions to vertical menus with submenus involve javascript to trigger submenus, either through mouseover or by direct click. The click action seems to be the most popular since it does not involve any transitions or animations. Click and it appears. There are also quite a few examples...
It's an ambitious plan. I am working on a CSS Framework. It's an unusual task, what I want is a CSS Framework that supports and respects HTML tags: semantic HTML. By that, I mean when I type in <section> ... </section> that I get a section with as little opinions as possible. No CSS...
Bulma CSS Framework has been my choice for a bit longer than two years now. My first introduction was with version 0.9.3, a few months before 0.94 was launched. Version 0.9.4 has been my "go-to" since. Over time, I had to write a few modifications and fixes to better use the package. Modifications...
The wannabe CSS Frameworks claim ease of use, intuitive syntax, efficiency and throw around the word "curated" like they have reached some sort of nirvana. Yet I've seen some of the dumbest code ever in their bloated treasures. Take, for example, the spacing features. One CSS Framework devotes an...
Through my research on CSS, I've run into quite a few sites that just don't seem to understand the difference between "rem" and "em" ... in particular, they reference "em" incorrectly. Historically, an "em" is calculated as the height and width of current font. In printing terms, the default is...
A lot of the CSS Frameworks throw the word "curate" or "curated" around like it is something special about their particular brand or feature set. Let's get real folks, there's nothing curated about any of the CSS Frameworks. Not even the one I am toying around with. Let's take a look at what a...
Wow, three articles today. Thought I would provide some clarification on file sizes. They are important, absolutely. Not everyone has a server properly configured to support gzip. A minified file would need all that wire to transmit without compression. Gzip is a super-compression technology...