Web Development

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.

i'm not serving this anywhere. it's just in a html file i'm opening locally, and it uses ChartJS. I'm trying to create charts for each day of a given csv of data so i can complain to my ISP about their DOGSHIT service. for some reason only the last chart is rendering and i can't figure out why, there's nothing in the console. I'm not a frontend guy so could be something very obvious.

I have 4 days of data so there should be 4 charts. The actual amount of data is much much larger than the subset i have posted below; over 6000 datapoints per day

<!DOCTYPE HTML>
<html>
<head>  
<script>
const rawData = `2025-02-18 23:56:50,23.228
2025-02-18 23:57:03,23.076
2025-02-18 23:57:16,23.560
2025-02-18 23:57:29,23.492
2025-02-18 23:57:42,23.383
2025-02-18 23:57:55,23.189
2025-02-18 23:58:08,23.389
2025-02-18 23:58:21,23.202
2025-02-18 23:58:34,23.518
2025-02-18 23:58:47,23.678
2025-02-18 23:59:00,23.547
2025-02-18 23:59:13,23.515
2025-02-18 23:59:26,29.981
2025-02-18 23:59:39,23.165
2025-02-18 23:59:52,23.381
2025-02-19 23:58:29,22.427
2025-02-19 23:58:42,22.433
2025-02-19 23:58:55,22.744
2025-02-19 23:59:08,22.538
2025-02-19 23:59:21,22.073
2025-02-19 23:59:34,22.527
2025-02-19 23:59:47,22.563
2025-02-20 23:58:26,22.615
2025-02-20 23:58:39,22.954
2025-02-20 23:58:52,22.570
2025-02-20 23:59:05,60.804
2025-02-20 23:59:18,22.928
2025-02-20 23:59:31,24.429
2025-02-20 23:59:44,23.066
2025-02-20 23:59:58,22.273
2025-02-21 13:44:19,81.440
2025-02-21 13:44:32,48.237
2025-02-21 13:44:45,47.153
2025-02-21 13:44:58,70.316
2025-02-21 13:45:11,58.714
2025-02-21 13:45:24,57.107
2025-02-21 13:45:37,39.298`

function lineToXY(line){
    const lineArr = line.split(',')
    return {
        x: new Date(lineArr[0]),
        y: Number(lineArr[1])
    }
}
const parsedData = rawData.split('\n').map(line => lineToXY(line))

window.onload = async function () {
    const distinctDays = [...new Set(parsedData.map( o => o.x.toISOString().split('T')[0]))]
    const body = document.querySelector('body')
    const charts = []

    for(const distinctDay of distinctDays){
        const chartName = `chartContainer${distinctDay.replace(/-/g, '')}`
        const data = [{
            type: 'line',
            dataPoints: parsedData.filter( o => o.x.toISOString().includes(distinctDay))
        }]

        body.innerHTML += `<div id="${chartName}" style="height: 370px; width: 100%;">`

        charts.push(new CanvasJS.Chart(chartName, {
            animationEnabled: true,
            zoomEnabled: true,
            title:{
                text: `average ping times for ${distinctDay}`
            },
            data: data
        }));
    }


    charts.forEach(ch => ch.render())


}

</script>
<script type="text/javascript" src="https://cdn.canvasjs.com/canvasjs.min.js"></script></head>
<body>

</div>
</body>
</html>

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?

As an open source project, our website never had to "convince people" to use Electron, so I never took the time to actually explain why I'm betting on web technologies to build user interfaces or why I prefer bundling a rendering engine.

Biome project lead here, so feel free to ask questions!