I am trying to implement a stationary logo graphic behind the page’s content.
The image shows what I am trying to achieve with the faded green logo on the right-hand side of the page. The information is so dull I am attempting to at least give the visitor something to “see” other than only the formatted text.
There is a way to do this without writing your own, or as much custom CSS. It’s always best to utilise the Bootstrap CSS framework so you don’t need to write as much of your own CSS and reduce the size of your site.
I will attempt to get my solution over to you tonight
It is generally easier for the browser to find and apply one custom CSS class than multiple utility classes.
Here’s why:
Performance Considerations
When the browser processes CSS, it matches selectors to elements in the DOM. The fewer selectors and the simpler they are, the faster the browser can render the page.
I have to say, your responses as of late have a very ChatGPT vibe to them
Is there a permanence overhead to using utility classes, yes. However, it is so tiny it’s quite honestly not worth considering. It’s become so little of an issue now that utility first CSS frameworks like Tailwind use only utility classes.
Utility classes have the advantage that you can use them on multiple elements, and if you are using a CSS framework it’s best practice to use them.
I also disagree about readability, a class called position-absolute is far easier to tell exactly what it does than class-name-here. And I would say it’s easier to maintain.
There is far more of a noticeable overhead to having multiple CSS style sheets. Especially if you are loading multiple large ones.
This is achieved by adding an image to the page and giving it the following classes: position-fixed top-50 start-100 translate-middle h-100 z-n1 opacity-50
I noticed that after this thread and the above comment, many of the exceptional posts on your site / blog sadly disappeared. Which is a real pity as they were very nicely done and highly informative.
Your content here on the forum is certainly some of the best and most detailed advice being offered and assuredly benefiting many.
I wanted to add HTMX for pagination so that, instead of a full page load, only the cards update when clicking the pagination links. My first attempt caused the site to crash, of course. I rolled it back to the previous deployment, which is why some posts were missing. It’s fixed now, and HTMX is doing a great job by preventing a full page reload.