 remember kids: the point of the html "class" attribute is to list out the explicit formatting of every element on your webpage. CSS was supposed to split formatting from HTML! and it did. now instead of horrible HTML like <font size="7" color="red">, we have CSS! note: you'll need to include a few hundred KB of CSS libraries to make this work properly, but that's the price we have to pay for elegance 69 comments
     @foone https://adamwathan.me/css-utility-classes-and-separation-of-concerns/ @foone oh I’ll just have a class name like b54c-332d-cca1-7a6d and serve up some CSS for that on the fly.  @arthurwyatt @foone No one hates the modern web more than web scrapers, and unfortunately I have been coding those for like a decade and a half   @unlofl@mstdn.social not accurate enough, would be more like @unlofl Just gonna hang onto this for when my IT Department says the semantic HTML documentation I wrote for the so-called "shadow IT" projects they refused to do for me is too confusing and should be templated Word doc. @foone I'm maybe not noticing them. User-Agent sniffing is fairly easy to automate my way out of, by faking user-agent strings, special sentinel headers or cookies can take a bit more thought; but if it's designed to be on the public internet; I feel like scraping has never been easier. React et-al mangling classes is a bit more awful for me.  @foone@digipres.club Most "modern web" developers (or rather, their bosses) consider this a feature.  @foone Christ that's fugly, misused HTML and CSS. We need to implement licensing for devs like we do for electricians, so we can revoke and bankrupt people who do this shit while taking people's money. @foone Me before reading this post: "I could never hire myself out for webdesign, I haven't seriously tried to do it for like a decade, my skills are surely too out of date to be useful." Me after reading this post: "How much should I charge to rescue someone's website it am the designers whose skills aren't a decade out of date?" Seriously considered adding the "GetFediHired" hashtag to that shitpost. Just saying, I don't fuck around with "CSS libraries," I write a damn CSS file. I'm not too bad at it, and I've been learning some of the non-awful new hotness lately. And I don't know the value of my work so you can totally pay me a pittance; I'll probably think you're paying me too much. ...that last part is definitely not going on my next resume revision. :blobcatgiggle: @foone I mean, that is one way that many people do it, but those people should be ridiculed and shunned. @foone well at least Google supposedly downranks sites that are too heavy... feels like a deal with the devil though. @foone : The best part is that you can redefine the class so that it has this name but the font size is 16 and the color is green (plus it's all underlined for some reason), and you'd have no idea unless you opened up the separate CSS file located in a different folder (or even a different server if you're ambitious).  @TobyBartels @foone pfff! Amateur hour. Professionals use a Javascript library to modify CSS. 🗡☠️ @foone@digipres.club Honestly I love CSS and this style of writing CSS makes me want to set things on fire. I blame Tailwind tbh.  @foone I do admit that I like tailwind ... but I also like real CSS. Recently, I used CSS variables and a single '<body class="dark">' to add dark mode to an entire site. Smoove. @foone (and yes, i know that there are other ways to approach dark mode - including automatically inferring device settings - but in this case it needed to be user controlled)  @foone I Shouldn't tag them, but I remember @tantek.com being particularly passionate about the use of HTML class attributes and their actual use-case.  @foone I actually hate it. It used to be that you could see the HTML source and actually read it and envision the output. Now, there's libraries and shit everywhere. It might have added to the aesthetics of the web, but it has also made participation in the web exclusive to those who can write the stuff. There was a brief period in the 90s when writing your own code was far more accessible to more people. @spearmintwarlock @foone I do remember in the 00 years me and my classmates made own styles for MySpace and later for Tumblr. Sparkling gif background, goth music by opening the site, we constantly switched the curser of the users around. I miss the ugly 00 web🥲 @Bartimaeus @foone Yes, the Myspace era was the last gasp for the user- created web. I miss it too. @spearmintwarlock @Bartimaeus @foone For a mood boost, teach a Gen Z vanilla html the MySpace Way. @foone We were so busy fighting the attribute war, we forgot it was all a class war after all  @foone What's great is, now when the company rebrands in 6-18 months, they can just change .color-red { color: green; } and it's done everywhere! @foone I believe that code in one file vs code distributed over several files is discussed too little in general. That doesn't solve the problem. Rather you'd need autocomplete by feature. Like you want red text, your editor should show you a list of css classes that make the text red. Or give you suggestions like "You are using color-red size-7 together 6 times. Would you like to introduce a semantic class?" If such is not possible, people will use Tailwind etc.  @thomasreggi well the good news is that backwards compatibility is great so that still works! @foone There is a special circle of hell for people who pull that sort of shit with class names.  @foone that's the best part about it- when you hate your shitty web dev job, and your boss wants to change the color-red to blue, you just leave the color-red class everywhere and change it to blue in your stylesheet. problem solved.
 |
Gregory's Server
@foone pain