Web Development

3431 readers
3 users here now

Welcome to the web development community! This is a place to post, discuss, get help about, etc. anything related to web development

What is web development?

Web development is the process of creating websites or web applications

Rules/Guidelines

Related Communities

Wormhole

Some webdev blogsNot sure what to post in here? Want some web development related things to read?

Heres a couple blogs that have web development related content

CreditsIcon base by Delapouite under CC BY 3.0 with modifications to add a gradient

founded 1 year ago
MODERATORS
76
77
0
Node Authentication With Passport.Js (javascript.withcodeexample.com)
submitted 6 months ago by harendra21 to c/webdev
78
 
 

Today I am super proud to announce that I have finally picked up the task of finishing my book titled, "HTML: A Comprehensive Guide". I am writing the book in public and releasing it under the MIT license.

79
80
81
18
CSS Folding Effect (www.joshwcomeau.com)
submitted 6 months ago by starman to c/webdev
82
83
84
85
86
8
The View Transitions API (frontendmasters.com)
submitted 6 months ago by mac to c/webdev
87
8
submitted 6 months ago by mac to c/webdev
88
16
submitted 6 months ago by starman to c/webdev
89
16
Say Goodbye to Contact Form Spam (omrilotan.medium.com)
submitted 6 months ago by mark to c/webdev
 
 

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

90
 
 

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...

91
92
 
 

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

93
 
 

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.

94
95
96
97
 
 

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?

98
 
 

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.

99
104
submitted 7 months ago* (last edited 7 months ago) by [email protected] to c/webdev
 
 

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

100
 
 

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 🙃

view more: ‹ prev next ›