Web Development

flumph , in Tailwind vs. normal CSS - performance and size
@flumph@programming.dev avatar

Why the editorialized title? Why not use the one from the article?

shnizmuffin ,
@shnizmuffin@lemmy.inbutts.lol avatar

They have an agenda on top of the article's agenda.

rimu OP ,
@rimu@piefed.social avatar

I don't know what "semantic css" is, to me that's just normal css. I felt the original title could be confusing for people.

flumph ,
@flumph@programming.dev avatar

But you didn't use the word normal / plain / vanilla. You used proper, which is a loaded word.

lastunusedusername2 ,

But plain CSS is proper CSS.
Tailwind is training wheels for people who don't want to learn CSS.

Lemminary , (edited )

That is not true. You do need to know CSS to make proper use of Tailwind for anything beyond changing colors and padding. That's the reason why the Intellisense VS Code extension gives the underlying CSS on hover. I'd love to see a newbie try content layout knowing nothing but Tailwind.

rimu OP ,
@rimu@piefed.social avatar

Oh no, loaded words.

I've changed it to 'normal' :)

shnizmuffin ,
@shnizmuffin@lemmy.inbutts.lol avatar

You could just as easily use the article's title and save your opinions for the post body or the comments, but you didn't.

Oh no, implicit bias. Twice!

HKayn ,
@HKayn@dormi.zone avatar

Please just use the original title. Semantic CSS is an actual thing and it takes 2 seconds to google what it is.

rimu OP ,
@rimu@piefed.social avatar

This is kinda strange. You think I'm going to reword my post a second time??

If you don't like a post, just downvote it or contribute some better posts.

You're probably pissing in the wind tho as this is the most upvoted post in this community in the last 6 months hahaha https://programming.dev/c/webdev?dataType=Post&sort=TopSixMonths

intensely_human ,

That guy just pulled the same "misinterpret what you said, pretend it was your fuckup instead of my own overeager interpretation problem" to me here: https://lemm.ee/comment/10695316

Your use of the word "proper" was ... proper as a matter of fact. This guy's just an idiot who enjoys adding a confounding interpretation with his own distorting commentary.

SubArcticTundra , in Downloading YouTube Channels Transcript...
@SubArcticTundra@lemmy.ml avatar

Hmm, I'd have a look at the yt-dlp source code. I think it can download subtitles/transcripts (and list them). The process does take a few seconds though.

z3rOR0ne , (edited )
@z3rOR0ne@lemmy.ml avatar

I was just going to chime in with this. I don't know the details of their implementation, but I get transcripts with every video I download using yt-dlp (if it exists which it does 99.9% of the time).

Synther OP ,

am I able to download all the transcripts of each video from one channel? I was planning on doing this with a few channels. If this is even possible with YT-DL.

SubArcticTundra ,
@SubArcticTundra@lemmy.ml avatar

Hmm, youd need to first get a list of channel videos and then iterate thrpugh them, probablu with a script. Yt-dlp might support getting the videos in a channel, idk. I do know that it can download while playlists... Perhaps try passing it the channel url and seeing if it treats that as a playlost.

BehindTheBarrier ,

YouTube sometimes made it hard to find, but all channels do have an all videos Playlist. I think he button is on a profiles video page now. I don't know if yt-dlp can do only transcripts but I'm sure it can download all videos with transcripts included.

Kissaki , in Issue with website(personal project) loading on firefox, work fine on chrome.

FF124, Windows; What I see is grey and a loading icon.

Have you opened the Browser Console?

downloadable font: Glyph bbox was incorrect

While one would not expect that to cause such issues, depending on if you're using a SPA or what kind of bootstrapping you use, or a Firefox consequential issue, it may. What happens if you skip web fonts?

I can open the browser console, and I can context menu inspect elements, and it selects them in the inspector. So it seems like the DOM is being rendered and laid out, to an interactable level.

When I open CTRL+SHIFT+M it looks very funky and broken. No border, nothing rendered; only the resize handle, which remains usable. Using different Window to compare, there should be a border and border shadow. This makes me come back to the font issue, and makes me wonder if trying to render a faulty font brings Firefox into a broken render state.

cosmicrose , in Say Goodbye to Contact Form Spam
@cosmicrose@lemmy.world avatar

Speaking of a “black hole” email address, are there any addresses set up for the purpose of catching spam? Like if Gmail had an address for spam that contributed to its spam detection.

jadero ,

The Stalwart mail server allows for that. They call them "spam traps".

Basically, it's a real email address that literally never gets used or referenced anywhere, thus assuring any email received is unsolicited by definition. Stalwart's spam engine uses any such email to help train the spam filter.

I can't imagine that Stalwart is only one implementing such a system.

I've never used Stalwart, but it's the email server I've selected should I decide to do what everyone tells me I shouldn't: run my own server for me, my wife, and the two domains we control. Their documentation is basically a master class in email.

cosmicrose ,
@cosmicrose@lemmy.world avatar

“Spam trap” and “spam honeypot” are exactly the keywords to search for. I found a bunch of info about some services you can use to set them up. I’d recommend adding “-avoid” to your search filters because every email marketer has their own article titled “About Spam Traps and How to Avoid Them” which just pollutes search results if you’re actually looking to set up your own.

jadero ,

Thanks!

mark OP , in Say Goodbye to Contact Form Spam
@mark@programming.dev avatar

Wouldn't this effectively mark all messages from a user who isn't using JavaScript as spam? 🙃

borari ,

[Thread, post or comment was deleted by the author]

  • Loading...
  • mark OP ,
    @mark@programming.dev avatar

    Yeah, it's definitely a very unique approach I haven't seen before. I've been using the "honeypot" method for years, which has been working surprisingly well.

    rebelsimile ,

    Apparently the rate of users not using JS is about 0.2% (and has been that way for 10 years), so just applying this solution the the large margins as he’s doing, I’d probably just make an alternate message saying “please enable javascript to contact me” and let that be that.

    mark OP ,
    @mark@programming.dev avatar

    Eh. These sorts of metrics aren't always accurate. And the source company did the study in 2016, which was a very very different internet, and doesn't go into detail about how they were able to determine this number. I would take that with a grain of salt. I agree that just having a notice somewhere is better than not, though.

    rebelsimile ,

    Sure, I was just curious and looked it up, that’s the first link I saw. I guess the question is — is it better to theoretically annoy real users who aren’t using JS (and how many are there) or is it better to frustrate and annoy lazy spammers (and how many are there?). On my own sites I really rarely get non-spam email. I’d be fine making a random 10-45 second timer on my contact forms doing this, no one needs to contact me in under 10 seconds on my websites.

    Blisterexe ,
    @Blisterexe@lemmy.zip avatar

    they could add a little text box thats hidden by javascript tby default informing them of that

    elint , in Say Goodbye to Contact Form Spam

    Interesting. That reminds me, I need to update one of my scripts.

    +time.sleep(1.2)

    JaxNakamura , in Issue with website(personal project) loading on firefox, work fine on chrome.

    FWIW, it's working with FF 123 on Kubuntu as well.

    bonus_crab , in Tailwind vs. normal CSS - performance and size

    Having used it in a major project its a shame that its so inefficient because the user experience really is much much better. It feels like a successor language to CSS because it fixed lots of unobvious and badly named attributes and makes lots of things just easier.

    The code is more verbose but also you can completely understand how the page will look just by reading the html.

    That said it makes sense the performance is so much worse, where you would have matched on one class for N styles you now match on N classes for N styles.

    Theoretically its totally possible to do that matching at compile time and 'compile' the string of classes you wrote into individual ones per element for each combination used in the html though.

    Kissaki ,

    you can completely understand how the page will look just by reading the html

    You lose being able to read meaning and structure though, and you also lose technical accessibility.

    I like to add css hacks to websites. But I can't if they don't have useful, identifying, and stable selectors.

    bonus_crab ,

    not really if you use a web framework and actually separate different things into their own components.

    but yeah mixing non tailwind css into a tailwind project after the fact would be gross and hard.

    Z4rK ,

    It seems that we’ll get up to 10x soeedups with v4: https://tailwindcss.com/blog/tailwindcss-v4-alpha

    darkpanda ,

    The performance improvements in v4 are for compilation times, not rendering.

    spartanatreyu ,
    @spartanatreyu@programming.dev avatar

    Tailwind is only feels like a successor to CSS to developers writing css like it was 10 years ago (or using frameworks that write it like that, e.g. bootstrap), or projects not using visual regression testing.

    Modern css is so much better.

    • Want to position, overlap, or align things? Use CSS Grid.
    • Are you using a CMS or component system and want to change the order that CSS is applied? Use Cascade Layers.
    • Want to have resizeable components? Use component queries.
    • Want to make a change all through your site? Use custom properties.
    • Want to style things differently based on how many other elements are inside or around it? Use :has(), +, ~, nth-..., ... selectors.

    If you're using something like BEM, or bootstrap to make columns, your knowledge is way out of date and you're doing it wrong.

    Eheran , in Issue with website(personal project) loading on firefox, work fine on chrome.

    Working with FF 124 on Android.

    alexdeathway OP ,
    @alexdeathway@programming.dev avatar

    as i have already mentioned,This issue doesn't occur with any mobile device Browsers.

    Eheran ,

    Ah, I just tested once I read that section. Why read further was my thinking. Now I have not tested it on PC... Sorry

    alexdeathway OP ,
    @alexdeathway@programming.dev avatar

    no problem

    PoseidonsWake , in Issue with website(personal project) loading on firefox, work fine on chrome.
    @PoseidonsWake@lemmy.world avatar

    Working with FF 124 on Archlinux

    Newtra , in New CSS that can actually be used in 2024 (no hype)

    I've been waiting so long for :has(), and had no idea it was finally implemented. This is huge for userstyles. Now I should be able to hide retweets and inline ads from Twitter with just a couple lines of css.

    Newtra ,

    Also, I've gotta say, great article. Very informative and I appreciate the focus on concrete use cases.

    dan , (edited ) in New CSS that can actually be used in 2024 (no hype)
    @dan@upvote.au avatar

    Nice article. I didn't know about many of these.

    I'm glad we can use logical properties now. Dealing with systems that support both LTR (like English) and RTL (like Hebrew and Arabic) languages used to be a pain because we had to have a build script that generated a second CSS bundle with everything flipped (eg converts margin-left to margin-right, border-left to border-right, etc. Logical properties make it a lot easier.

    I love the gap property for flexbox... I use that one all the time. Easily solves the "I need padding between all these items, but no padding at the start or end" use case.

    cupcakezealot , in New CSS that can actually be used in 2024 (no hype)
    @cupcakezealot@lemmy.blahaj.zone avatar

    its 2024 if it's not the marquee tag what's the point

    shootwhatsmyname , in New CSS that can actually be used in 2024 (no hype)
    @shootwhatsmyname@lemm.ee avatar

    here’s the hype:

    🔥🎉🥳

    tinker_james , in The quiet, pervasive devaluation of frontend

    I'm going to be honest. I like this thread. Not only is the article long and "thorough" (whether you agree with this form of thoroughness or not) but the responses are too.

    I can appreciate what the author is trying to express. I also related to how he's trying to express it because it's very similar to how I try to explain my opinions, shower thoughts, meanderings....which typically earns me eyes glazing over from my conversation partners haha.

    I have many many thoughts on everything being discussed here, but rather than contribute, I'm going to sip on my coffee and keep reading.

    P.s. I'm liking PD better than Reddit. Actual conversation happening.

  • All
  • Subscribed
  • Moderated
  • Favorites
  • random
  • webdev@programming.dev
  • test
  • worldmews
  • mews
  • All magazines