Web Development

3597 readers
27 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 2 years ago
MODERATORS
snowe@programming.dev
erlingur@programming.dev
Ategon@programming.dev
listing: all - local
1
13
Re: Why Ruby on Rails Still Matters (enocc.com)
submitted 19 hours ago by cybercitizen4@lemm.ee to c/webdev@programming.dev
0 comments fedilink
 
 

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.

2
11
How I create static websites for tiny archives (alexwlchan.net)
submitted 20 hours ago by BrikoX@lemmy.zip to c/webdev@programming.dev
0 comments fedilink
 
 

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.

3
9
[Solved] Why wont these charts render (feddit.uk)
submitted 1 day ago* (last edited 1 day ago) by PrettyFlyForAFatGuy@feddit.uk to c/webdev@programming.dev
1 comments fedilink
 
 

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>

4
15
[Question] Fun website technologies? (slrpnk.net)
submitted 3 days ago by grrgyle@slrpnk.net to c/webdev@programming.dev
5 comments fedilink
 
 

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?

5
8
Recommendations for European domain registrars (programming.dev)
submitted 2 days ago by hal56@programming.dev to c/webdev@programming.dev
5 comments fedilink
 
 

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

6
6
How Are Images REALLY Stored? (cefboud.com)
submitted 4 days ago by Tablaste@linux.community to c/webdev@programming.dev
0 comments fedilink
7
8
[Question] Simple Backend for Contact Page? (lemmy.ml)
submitted 1 week ago by brownmustardminion@lemmy.ml to c/webdev@programming.dev
4 comments fedilink
 
 

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.

8
29
Incomplete List of Mistakes in the Design of CSS [CSS Working Group Wiki] (wiki.csswg.org)
submitted 1 week ago by Tablaste@linux.community to c/webdev@programming.dev
4 comments fedilink
9
9
Minimal web push notification example, server in Rust (works in iOS PWA!) (github.com)
submitted 1 week ago by duck_lol@programming.dev to c/webdev@programming.dev
0 comments fedilink
 
 

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?

10
2
Creating a Generative Artwork with Three.js (tympanus.net)
submitted 2 weeks ago by Tablaste@linux.community to c/webdev@programming.dev
0 comments fedilink
11
35
Ending Support for Expiration Notification Emails (letsencrypt.org)
submitted 3 weeks ago by neme@lemm.ee to c/webdev@programming.dev
3 comments fedilink
12
3
Things people get wrong about Electron (felixrieseberg.com)
submitted 3 weeks ago by Tablaste@linux.community to c/webdev@programming.dev
2 comments fedilink
 
 

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.

13
10
Flood fill - image transition effect in 16 lines of pure JavaScript (slicker.me)
submitted 4 weeks ago by monica_b1998@lemmy.world to c/webdev@programming.dev
2 comments fedilink
14
14
Tailwind CSS v4.0 released (tailwindcss.com)
submitted 1 month ago* (last edited 1 month ago) by neme@lemm.ee to c/webdev@programming.dev
0 comments fedilink
15
1
Roadmap 2025 and Biome 2.0 (biomejs.dev)
submitted 1 month ago by arendjr@programming.dev to c/webdev@programming.dev
2 comments fedilink
 
 

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

16
7
Migrating Web Components from Vue 2 to Vue 3 at Open Library (blog.rayberger.org)
submitted 1 month ago by ray@lemmy.ml to c/webdev@programming.dev
0 comments fedilink
17
15
Vitest 3.0 is out (vitest.dev)
submitted 1 month ago* (last edited 1 month ago) by neme@lemm.ee to c/webdev@programming.dev
0 comments fedilink
18
8
Bottom-up Javascript Storage Management (positive-intentions.com)
submitted 2 months ago* (last edited 2 months ago) by xoron@programming.dev to c/webdev@programming.dev
0 comments fedilink
 
 

i wanted to see if we can create asynchronous bottom-up state management, we have the basics to put together a state management system. State management solutions in apps typically have ways to persist data.

I wanted to explore if there are any benefits to define and manage state in webcomponents with a bottom-up approach. I wanted to see if it could give a greater flexibility in developing a UI and not having to worry about persisted storage management.

https://positive-intentions.com/blog/bottom-up-storage

19
1
Developing a simple CRUD app with HTMX and Injee (www.youtube.com)
submitted 2 months ago by mindaslab@lemmy.ml to c/webdev@programming.dev
0 comments fedilink
20
5
Deno v. Oracle: Canceling the JavaScript Trademark (deno.com)
submitted 2 months ago by Kissaki@programming.dev to c/webdev@programming.dev
1 comments fedilink
 
 

On November 22, 2024, Deno formally filed a petition with the USPTO to cancel Oracle’s trademark for “JavaScript.” This marks a pivotal step toward freeing “JavaScript” from legal entanglements and recognizing it as a shared public good.

Oracle has until January 4, 2025, to respond. If they fail to act, the case will go into default, and the trademark will likely be canceled.

21
17
How Did REST Come To Mean The Opposite of REST? | htmx (htmx.org)
submitted 3 months ago by Kissaki@programming.dev to c/webdev@programming.dev
16 comments fedilink
22
2
Myths about only using 'Single Page App' methods to build interactive web sites (htmx.org)
submitted 3 months ago by Penguincoder@beehaw.org to c/webdev@programming.dev
3 comments fedilink
23
11
How use AV1 video with Firefox ?? (lemmy.ml)
submitted 3 months ago by Donatello@lemmy.ml to c/webdev@programming.dev
4 comments fedilink
 
 

cross-posted from: https://lemmy.ml/post/22627659

Hi,

I have a couples of AV1 videos that I would like to display on a html page.

I've tried

<video controls preload="none">
    <source src="FooBar.mp4">
</video>

but it trow back

I've tried first with MKV container as it's listed on the wikipedia page.

but this is not listed on the mozilla page https://developer.mozilla.org/en-US/docs/Web/Media/Formats/Video_codecs 🤔

Confusing.. as I found also this in the firefox release note:

Firefox 97 and later versions support AV1 video in the MKV container.

So WTF !?

I've tried also

<video controls preload="none">
    <source src="FooBar.mp4" type="video/webm; codecs='av01.0.08M.08'">
</video>

but that change nothing...

Any ideas ?

Thanks.

24
1
Does someone know an alternative to Mozilla MDN ? (programming.dev)
submitted 3 months ago* (last edited 3 months ago) by Rick_C137@programming.dev to c/webdev@programming.dev
3 comments fedilink
 
 

Hi,

I'm using (like a lot of us, I presume ) Mozilla MDN

But I just discover that they display advertise :'(

Damn that think (MDN doc) is run by committer (I did post few thing on it) and they display advertise ! f**king hell ! Can I have my cut 💵 then ?

beside jokes, do you know good (decentralized ?) alternative to mdn docs ?
Thanks.

25
-1
Future Proof Web Development Languages 2025 (lemmy.world)
submitted 3 months ago by jenniferdsouza@lemmy.world to c/webdev@programming.dev
0 comments fedilink
 
 

The tech world is evolving faster than ever, and web developers must keep up with the changes to stay relevant. Choosing the right web development languages to learn or use in projects is crucial for long-term success.

As we look forward to Future proof web development languages 2025, this blog will cover some of the top languages you should focus on. Whether you are a developer or a company offering web development services Gujarat, knowing these languages will help you stay ahead in the industry.

1. JavaScript

JavaScript continues to be the cornerstone of modern web development. It is essential for building interactive and dynamic web applications. With frameworks like React, Vue.js, and Angular gaining popularity, JavaScript is more versatile than ever. By 2025, it will remain a must-know language for both frontend and backend development, especially with the rise of Node.js.

2. Python

Python is known for its simple syntax and versatility, making it one of the top web development languages to learn. It’s used in both web development and other fields like data science and machine learning. Frameworks such as Django and Flask make web development fast and efficient. As more companies adopt Python for its simplicity and power, it’s clear that it will remain a future-proof choice in 2025.

3. TypeScript

An extension of JavaScript, TypeScript adds static typing to help prevent errors and enhance code maintainability. It is becoming the preferred choice for large-scale web projects due to its ability to make code easier to read and manage. By 2025, TypeScript will be even more crucial as teams prioritize scalable and maintainable web applications. Companies providing web development services Gujarat are increasingly using TypeScript to ensure code quality and reliability.

4. Rust

Rust has been gaining traction for its speed and memory safety features. While it is primarily known as a systems programming language, it is now making its way into web development. With frameworks like Rocket and Actix, Rust is proving to be a great choice for building high-performance web servers. For developers aiming to future-proof their skills, Rust is worth learning in 2025.

5. Go (Golang)

Developed by Google, Go is known for its simplicity and performance. It’s excellent for building fast and efficient web servers and backend systems. With its built-in support for concurrent programming, Go is perfect for modern web applications that require multitasking. By 2025, Go will continue to be a go-to language for developers who want reliability and speed.

6. PHP

Despite being one of the older web development languages, PHP is still widely used and continues to evolve. Platforms like WordPress and Drupal rely on PHP, making it a popular choice for content management systems. The latest updates, like PHP 8, have significantly improved performance, ensuring PHP remains relevant in 2025 for backend development.

7. Ruby

Ruby is known for its simplicity and ease of use, especially with the Ruby on Rails framework. While it has faced competition from newer web development languages, Ruby still has a strong and supportive community. For developers looking for a language that is quick to learn and effective for building web applications, Ruby is still a good option in 2025.

8. C#

With the continued expansion of ASP.NET Core, C# is a solid language for building robust web applications. Microsoft’s commitment to open-source and cross-platform support has boosted C#'s popularity in recent years. By 2025, C# will remain an important language for developers working on enterprise-level web solutions.

9. Swift

Though primarily known for iOS development, Swift is becoming more involved in web development through frameworks like Vapor. Its speed and safety features make it an appealing choice for backend development. As Swift continues to grow, developers should consider learning it for cross-platform projects that might involve both mobile and web.

10. HTML and CSS

While not programming languages, HTML and CSS are foundational for any web development project. Advanced CSS techniques, such as CSS Grid and Flexbox, allow for the creation of responsive and visually appealing websites. By 2025, knowing HTML and CSS in depth will still be crucial for anyone involved in web development.

Conclusion

Choosing the right web development languages can set you apart and make your projects successful as we move towards 2025. The Future proof web development languages 2025 include a mix of modern and established options like JavaScript, Python, TypeScript, and newer languages like Rust and Go. Staying updated with these languages will ensure that developers and providers of web development services Gujarat are equipped to build powerful, future-ready applications. Embrace these languages and stay ahead in the fast-paced world of web development.

view more: next ›