Web Development

leraje , in Tailwind vs. normal CSS - performance and size
@leraje@lemmy.blahaj.zone avatar

I loathe Tailwind. It offers absolutely nothing in advantage over plain CSS other than possibly development speed (but not re-development speed). I realise it's meant for frameworks rather than smaller sites but at some point you know someone is going to have to hands on edit that mess.

Vincent ,

It helps me make things look presentable without making it look the same as every other website, and without constraining the things I want to do.

leraje ,
@leraje@lemmy.blahaj.zone avatar

Sure, but plain CSS can do all that too and not leave your source heavier and indecipherable.

Vincent ,

Theoretically, yet everything I make by myself turns out ugly with it. Tailwind has just enough constraints to protect me from my own dumb stylistic choices.

I'd also even argue that my source is less indecipherable - the challenge in reading CSS is not how it's laid out, but forming a mental picture of how the rules combine to shape your layout, and meanwhile, it does remove an abstraction that I was no longer using (in certain projects - I wouldn't use Tailwind everywhere).

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

as someone who only rarely does frontend development and never had anything to do with styling, I found tailwind quite comfortable

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.

prettybunnys , in Things you can do on your personal website

Big “100 ways to love your cat” vibes

https://youtu.be/87p53rAD7Sk?si=TxiVptPAqZBZQQ2h

Vincent , in How to get feedback on visually-impaired accessibility for web apps?

By far the best first step you can take is to try it yourself. Follow a ten-minute tutorial on how to use one (Rob Dodson has good introductions, such as this one on VoiceOver - this is really a case where videos work best to learn), and then see if you can manage to navigate your web app using it. Ideally even with your screen turned away, but that's probably too had at first, and also makes it hard to see what's going wrong.

mark , in 10 Top accessibility errors and how to avoid and fix them
@mark@programming.dev avatar

Yes! Can't believe it's 2024 and websites are still not accessible. Even the biggest companies are the worst at this... and don't even get me started on their mobile sites 🙄

rimu , in 10 Top accessibility errors and how to avoid and fix them
@rimu@piefed.social avatar

We're gonna need a longer list - this one is barely scratching the surface.

schalkneethling OP ,

Amen to that :) We have to start somewhere though, right :)

Cruxifux , in HTML: A Comprehensive Guide - Chapter One

Man my neopets shop is gonna be so dope after I read this book

overcast5348 , in Number and Currency Formatting in JavaScript using Intl.NumberFormat

I live in Canada and I've never seen "1.000,00". Canada (at least the anglophone part that I live in) follows the usual "1,000.00" format. Why is this library using commas as decimal separators?

schalkneethling OP ,

This is very interesting. I agree that some of the formatting puzzled me as well. I would assume this follows some standard even when the use of said standard is uncommon. I have for example not seen 1.000,00 € used, but I thought that perhaps if you live in Germany, France, or another EU country then it is common.

overcast5348 ,

Yup, that's indeed the format used in some European countries. Canada was surprising though. 🤷‍♂️

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.

snowe Mod , in Static site generator (SSG) alternative to Squarespace?
@snowe@programming.dev avatar

It doesn’t sound like you want a static site generator. You want a Squarespace alternative. One option I use is Ghost. You can host it yourself for free. But it’s not a static site. Static site means static. That means no backend, no forms, none of that. You won’t get a CMS, you won’t get drag and drop components. That’s not what static site generators do.

Templa , in Tailwind vs. normal CSS - performance and size
@Templa@beehaw.org avatar

My spouse (senior fs) just started using Tailwind at work for a new project where he's having to rewrite a component library they have and daily he comes to me to say how much better working with Tailwind is.

shnizmuffin ,
@shnizmuffin@lemmy.inbutts.lol avatar

I (also senior fs, mostly SSGs and Laravel applications) had a similar revelation coming from componentized, precompiled BEM SCSS - I thought Tailwind was weird, verbose, dumb, and bad until I actually used it.

I got to the point pre-tailwind that I was abstracting most of my design elements out, anyway. (Fuck the custom form elements my clients demand.)

Tailwind just starts you at the point of "I abstracted everything" and trusts you to be DRY.

NostraDavid ,
@NostraDavid@programming.dev avatar

What did he use before that though? Kind of important to know where he came from :p

Templa ,
@Templa@beehaw.org avatar

React + SCSS

m_randall , in Static site generator (SSG) alternative to Squarespace?

I don’t know what you’re doing and what you’re really asking.

You want a static site? Hugo or jekyll.

You can host them with git hub/lab pages for free.

There are options for contact forms but it will require additional setup. Searching for what you want + platform + tutorial should help point you in the right direction. (Eg https://discourse.gohugo.io/t/is-it-possible-to-add-a-contact-form-to-a-site/1550/3)

MaximilianKohler OP ,

I don’t know what you’re doing and what you’re really asking.

It doesn't sound like you read the OP.

You want a static site? Hugo or jekyll.

As I said, I was unable to find a theme that has all the design features of a builder like Squarespace. So to make a professional website with an SSG seems to require coding knowledge.

There are options for contact forms but it will require additional setup.

Yes, I mentioned that. Many of them are limited or costly:

Some of them use Netlify forms https://www.netlify.com/platform/core/forms/ - 100 submissions per site /month ($19+ when exceeded). https://docs.netlify.com/accounts-and-billing/billing-faq/

Hugo's Piko theme uses FormSubmit.io (free) or Fabform.io ($5/mo). But I haven't tested that to understand how well it works and why/how it's free.

Hugo's Tella theme uses getform.io -- https://github.com/opera7133/tella/issues/63 (50/mo).

250/mo for free and $8/mo for unlimited with https://web3forms.com/ is the best I've seen so far (besides the completely free one which I'm not sure about).

I haven't seen any of them mention using an SMTP.

m_randall ,

I did. It’s rambling and unclear. I was trying to help the best I could. Good luck.

fruitycoder , in Lift-off: The MDN Curriculum launch | MDN Blog

Sweet! Hopefully this can help with the gap I hear from experienced web devs and newer developers that find themselves too dependent on their frameworks.

fruitycoder ,

I'm enjoying myself so far too!

z3rOR0ne , in Lift-off: The MDN Curriculum launch | MDN Blog
@z3rOR0ne@lemmy.ml avatar

Nice! Thanks for this.

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