Web Development

Came across this interesting article. But what do you all think?

Is it possible for me to grab (download) a full list of transcripts from a youtube channel's videos. I am working on a small project, of which I need a list of the videos, like all of them to control+f and find specific words.

I was wondering if anyone knew of such program I could use.

However, I wrote this AppScript in Google Drive, of which I'm not sure if this will work. It uses high level Google Account Access.

function getYouTubeTranscripts() {
  const CHANNEL_ID = "UCtMVHI3AJD4Qk4hcbZnI9ZQ";

      // This below is what, before Oath (ing), is what Google is saying its unsafe, and does not let me continue...
  const youtube = YouTubeApp.getOAuth2Service().getService();
  const videoIds = youtube.search().list("id", { channelId: CHANNEL_ID, maxResults: 50 }).items.map(item => item.id.videoId);

  videoIds.forEach(videoId => {
    const captions = youtube.captions().list("snippet", { videoId }).items;
    if (captions.length > 0) {
      const captionId = captions[0].id;
      const transcript = youtube.captions().download(captionId, { tfmt: "srt" }).getContentText();
      DriveApp.createFile(`${videoId}.txt`, transcript, "text/plain");
      Logger.log(`Transcript for video ${videoId} saved.`);
    } else {
      Logger.log(`No transcript found for video ${videoId}.`);
    }
  });
}

Just wondering of anything else I could use...

I am working on a personal website that loads perfectly on Chrome and Chromium-based browsers but crashes or doesn't bother to render on Firefox and Firefox-based browsers. I'm unable to narrow down the issue.

This issue doesn't occur in any mobile device browser(firefox or chrome).

website: https://gecom.alexdeathway.me

source code: https://github.com/alexdeathway/gecom

The amount of CSS novelty in the last two to four years has been staggering. Multiple innovations have been released and are now supported in all modern browsers, and some of them fundamentally change how to make websites.

An interesting read. Of course just an personal opinion as the author said, but I think he is correct in lots of his points.

I noticed that I think / feel like this myself sometimes, even while I'm a frontend dev myself.

Fortunately I'm in a nice team that values my frontend skills that all the other full stack/ Backend devs are missing.

Did you notice this bias / devaluing of the frontend work yourself?

When using dependencies such as NPM packages, Composer packages. Weather you use a CDN or host the packages on the web server, don't many packages out there require you to display the licenses of the package being used and show attributions?

How would one place this on their website? I even went to several websites to see how they do this and could not find a section and I am sure these website use packages that require the license to be listed and list the attributions.

I can find the licenses and attributions of packages used in many applications on desktop and mobile, usually in the apps "about" page.

This study compares two websites with similar design: the commercial Spotlight template from developers of Tailwind vs the same site with semantic CSS.

But even with a decade of experience every time I've approached an American company it's been a complete non-starter. Is it because they know they couldn't pay me peanuts like the other guys?

There's even two visa lotteries this year. Guess I'll just look on wistfully while various nameless east-asian countries game the system 🙃

Shopify is an industry-standard, but it’s got its own downfalls that might not suite everyone. Have you guys found anything you’re particularly happy with?

How is Shopify as a platform to work on compared to the likes of Wordpress and Salesforce Commerce Cloud.

I'm a novice so I chose the most novice-friendly option I could find - Squarespace. But I've had lots of problems with them, and they keep raising their prices, and they hide features like javascript code behind even higher prices.

I learned about SSGs https://jamstack.org/generators, which create fast and secure sites that can be hosted for free on Netlify and other similar sites. The downside is they're limited to static content -- IE: you can't have a contact form without paying a 3rd party.

I found a novice-friendly SSG theme for wikis/documentation -- MKDocs Material -- but I haven't been able to find anything for a regular business site.

This seems to be one of the most popular Jekyll themes https://mmistakes.github.io/minimal-mistakes/about/ but it seems to be mainly for blogs and documentation, and doesn't seem to have all the design options that Squarespace does.

I read that healthcare.gov used Jekyll https://medium.com/devseed/new-healthcare-gov-is-open-cms-free-41c25249cf38 in conjunction with https://prose.io. So I looked it up and found this https://github.com/CMSgov/HealthCare.gov-Styleguide which actually seems pretty decent; but also not complete enough. Their newer version https://github.com/CMSgov/design-system seems more complete/extensive, but also quite technical. It looks like it requires too much coding for me.

Weebly seems to be a slightly cheaper alternative to Squarespace but it's missing some features and Square might end it in a few years.

I've never used Wordpress but now that I've hosted a few websites I'm thinking about purchasing Oxygen https://oxygenbuilder.com/ and hosting a Wordpress site myself. Oxygen is like a more advanced version of Squarespace with a 1-time payment equal to 1 year of Squarespace. Then you just have the monthly costs of hosting the server, which should be $5-10 (no idea how this scales with amount of traffic, do you?). There is a plugin/addon to export a static site, but it might not be worth the trouble.

According to https://servebolt.com/articles/calculate-how-many-simultaneous-website-visitors/ a 2-core server ($5) with a webpage that takes 300ms to load can serve:

• 400/minute
• 24,000/hr
• 288,000/12 hrs

A lot of people use Wordpress, but also seem unsatisfied with it https://jamstack.org/survey/2022/#content-management-systems.

The Gutenberg editor may be new since the last time I tried Wordpress https://www.hostinger.com/tutorials/gutenberg-wordpress, and it looks pretty similar to Squarespace. So maybe I don't even need Oxygen. I looked up "Gutenberg vs Oxygen" and people were saying to go with Gutenberg.

I've been considering Grav https://getgrav.org/ too, but similar to the SSGs, it doesn't seem to have all the design capabilities without coding them yourself.

I've seen people say you can get chat GPT to write HTML code for you but I've never used it and it seems like it would be difficult to design a website that way. I looked for a video but only found one covering writing content, not code.

I found out about Hostinger Website Builder https://www.youtube.com/watch?v=cUjjGIfjh-4 which uses AI and looks very similar to Squarespace's builder. But there's no demo so I can't see exactly what it can do. But Hostinger is much cheaper than Squarespace, and you can choose to use Wordpress with it instead of the Hostinger builder.

I checked GreenGeeks and they say "We offer drag and drop website builders like Weebly and SitePad". Sitepad is $12/yr and makes static sites, but it looks like you need one of the popular GUI web panels to use it https://sitepad.com/docs/admin/supported-control-panels/. Similar to Weebly, it's also a bit more limited -- IE: you can't open a contact form in a lightbox from a button https://sitepad.com/docs/enduser/contact-form.

A benefit of using Hostinger or GreenGeeks is probably that I don't have to worry about a surge in traffic causing my site to go down. That's why I'm thinking they're a better option vs self-hosting on a VPS.

I found this video that seems quite good and covers more options I didn't know about: Ultimate Website Builder Comparison 2024 | Find the BEST One for You + Why I Hated Squarespace

Anyone know of better places/forums to discuss this type of thing? There seems to be hundreds of thousands of people using the jamstack SSGs but I haven't found a place where people discuss them. I've tried:

• https://www.webhostingtalk.com/showthread.php?t=1909999
• https://community.centminmod.com/threads/cheaper-squarespace-alternative-novice-friendly-static-site-generator-for-wikis-general-sites.24382/
• https://news.ycombinator.com/item?id=39216383

cross-posted from: https://lemmy.blackeco.com/post/500845

Hello all,

My company is looking into building a new app from scratch based on Next.js with a few modules on the side (batch jobs, utility services, etc.)

Our current monorepo has been started over 4 years ago with Yarn Classic + Lerna and I was wondering what is the current consensus for building a monorepo, considering that the landscape has evolved greatly since then (npm now supports workspaces, pnpm has gained in popularity, Yarn has been re-engineered and multiple build systems have been released)

I would greatly appreciate if you have some comparison between package managers and build systems you could link to.

cross-posted from: https://programming.dev/post/11109022

We just tagged the first public v4.0.0-alpha so you can start experimenting with it and help us get to a stable release later this year.

it's weird, as files being buffered are less than 100kb and the network is fast on the client side.

log:

[warn] 9#9: *10937 an upstream response is buffered to a temporary file /var/cache/nginx/proxy_temp/5/09/0000000095 while reading upstream, client: , server: gecom.alexdeathway.me, request: "GET /static/fonts/fontawesome6/webfonts/fa-solid-900.woff2 HTTP/1.1", upstream: "http:///static/fonts/fontawesome6/webfonts/fa-solid-900.woff2", host: "gecom.alexdeathway.me", referrer: "https://gecom.alexdeathway.me/static/fonts/fontawesome6/css/solid.css"