Web Development

cross-posted from: https://feddit.org/post/9405509

Untalended guy in programming here.

• Is there a way to change the flavicon(icon in the tab preview as I understand) to another fediverse platform?

I currently have "mouse in flag colors" as an icon based on feddit org. But I would prefer for example the feddit IT logo - orange mouse, clean design)

Is that possible to change with like tampermonkey addon or something somehow in a rather easy way? I have an addon called "TwitterBird" for Mozilla replacing all X logos with the old blue twitter logo

• Or is there even a better way to accomplish this without creating an additional account to swap to all the time?

I'm a student who is currently developing web applications and web tools. I've created this data visualization tool and it's completely free to use. I have developed it with HTML, CSS and JavaScript. I'm still a newbie in programming and this is my very first project. So, if you have any advice or honest opinion then plz share it with me.

I tested 12 LLMs — 10 running locally and 2 cloud-based — to assess their accuracy in generating alt-text for images.

I have 10,000 photos on my website. About 9,000 have no alt-text. I'm not proud of that, and it has bothered me for a long time.

I didn't install a flatpak or snap from the software store.

What kind of package did I install through the command line? Thanks I'm a newb.

I'm on Zorin(Ubuntu) and when I open my HTML file with Firefox, everything is rendered correctly.

When I open the same HTML file with Brave or Waterfox, the CSS is not rendered.

Everything is rendered correctly for any browser if I first open the HTML file in VSCode then create a Live Server for it.

Is there a default setting in other browsers keeping the CSS in local HTML file from rendering? Thanks in advance.

First off, I've been loving vanilla-extract for the past 10 months. 😊

The only thing I really missed was the ability to sort CSS properties. Since there wasn't an ESLint plugin for that, I decided to create my own.

@antebudimir/eslint-plugin-vanilla-extract offers CSS property ordering (alphabetical, concentric, and custom), auto-fix capabilities, and supports multiple Vanilla Extract APIs.

If anyone wants to give it a shot, you can find more details in the readme. Looking forward to hearing your feedback.

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

Hi, I made FuncSug to make GUI programming in the browser easier. It's a new language that aims to enable a clearer and easier code structure.

Can you tell me what you think about it?

This is just the 1000 last lines of my nginx log

Before we get into extreme server side rendering (XSSR), we have to talk about normal server side rendering (SSR). This comes in two flavours, which I'm calling old-school and new-school.

Old-school SSR involves having a server which uses some logic to create the HTML of the web page on-the-fly. For example, you might hit /users/39, and it might give you the details of user 39. These details might be from a database, or they might come from somewhere else. The important part is there's no corresponding 39.html on the disk. The HTML is created dynamically by the back-end server. On the front-end side, there's no JavaScript or other logic required to render the page. As a result, once the page is loaded, there's no ability for it to be dynamic.

New-school SSR is similar to old-school SSR, but it does involve a bit of front-end JavaScript logic.

Excerpt:

In an article for Contraption comparing Ruby on Rails and Next.js, Philip I. Thomas writes:

The truth is that the new wave of Javascript web frameworks like Next.js has made it harder, not easier, to build web apps. These tools give developers more capabilities - dynamic data rendering and real-time interactions. But, the cost of this additional functionality is less abstraction.

Using cutting-edge frameworks introduces instability through frequent updates, new libraries, and unexpected issues. Next.js applications often rely on a multitude multiple third-party services like Vercel, Resend, and Temporal that introduce platform risk.

This problem has been exacerbated by developers themselves. I don’t like Vercel, Resend, Temporal, Prisma, or any of the SaaS platforms whose business model seemingly relies on ~~abstracting~~ obfuscating away control of an application by selling their services to new and impressionable developers who hear about them for the first time from their favorite social media personalities. Indeed, all three links in the paragraph I quoted above from Thomas’s article are affiliate links. (This is not to say Thomas is doing what these creators do, I’m just pointing out how deeply rooted this economic model has become).

As an industry, we’ve shifted from the millenial devlog to the YouTube tutorial. And while there’s absolutely nothing wrong with video as a format, the incentive for monetizing content makes developers-turned-creators perpetuate this cycle of overcomplicating software through third-party services, because at the end of the day, advertising these services and not architecting software is what pays their bills.

This trend of aggressive advertisement for a fragmented app ecosystem preys on the ever-present FOMO in the industry. If Meta and Netflix and the rest of the FAANG companies are using the latest technology… why not me?! But FAANG companies solve unique problems for their products, and thus write solutions that work for them. See also: Ruby on Rails is slow and doesn’t scale. When your app reaches a large enough amount of users to bring Rails to its knees, you’re not going to regret choosing Rails, you’re going to laugh and feel proud and incredulous that so many people have found value in your work.

cross-posted from: https://ponder.cat/post/1722967

Last year I wrote about using static websites for tiny archives. The idea is that I create tiny websites to store and describe my digital collections. There are several reasons I like this approach: HTML is flexible and lets me display data in a variety of ways; it’s likely to remain readable for a long time; it lets me add more context than a folder full of files.

Does anyone have recommendations for european based domain registrars? I am keen to find ones that include WHOIS privacy for free and as default

So I've got a new domain and I want to do some fun stuff with it. Specifically, I'm looking for something that's fun to make as well as use.

I've got experience making webservers in p much every major language. My first instinct is to use NextJS just because it's fast and I've used it most recently, but then I also feel the allure of just rawdawging my own HTML/CSS+JS, like my forebears might've done. XML is kind of a pain to handbomb, though; all those closing tags, etc... Though I'm sure there are plugins for that.

Any suggestions? What was the last tool you used that really sparked your joy of creativity? Any really fun frameworks, stacks, editors, etc?

I'm looking for a simple way to make my contact form functional. So far it seems like emailjs would do the trick.

I'm curious if there are any other recommendations? What would you use and why?

Realistically I can't see the form getting more than a dozen submissions per month.

Hi PWA friends! I've recently been interested in progressive web apps, and I wanted to play with the web push notification API on iOS to see what it can do.

Among other limitations, iOS only allows notifications once the PWA is added to the homescreen (under Share menu).

Code & instructions to run (works nicely in Codespaces, no downloads required!): github.com/ducklol2/web_push_rust_example

I couldn't find a minimal example, so I thought I'd post mine in case others want to copy or build off it. Note that the backend is in Rust, using the Axum framework and the web-push library to call the browser web push endpoints.

Anyone else using or serving a PWA?

Hugo ist ein leistungsstarker, schneller und flexibler statischer Website-Generator, der 2013 von Steve Francia entwickelt wurde. Er ist in Go (Golang) geschrieben und bekannt für seine außergewöhnliche Geschwindigkeit bei der Generierung statischer Webseiten. Dank seiner robusten Community und kontinuierlichen Weiterentwicklung ist Hugo eine der beliebtesten Lösungen für Entwickler, die leistungsstarke und SEO-optimierte Websites erstellen möchten. Tailwind CSS wurde 2017 von Adam Wathan und Jonathan Reinink ins Leben gerufen. Es ist in JavaScript geschrieben und nutzt PostCSS zur Verarbeitung von CSS-Regeln. Im Gegensatz zu herkömmlichen CSS-Frameworks setzt Tailwind auf ein utility-first-Prinzip, das maximale Flexibilität ermöglicht und Entwicklern erlaubt, individuelle Designs direkt im HTML-Code umzusetzen. Hugo und Tailwind CSS ergänzen sich perfekt: Während Hugo für blitzschnelle statische Websites sorgt, bietet Tailwind eine hochgradig anpassbare Design-Engine, die es ermöglicht, ohne überschüssigen CSS-Code performante und visuell ansprechende Seiten zu erstellen.