Web Development

4336 readers
26 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
1
 
 

For past years I've been working as a JavaScript/typescript developer who make websites, I've worked as an internee and a full type employee during my education but now I'm unemployed, I see less job openings for MERN, NEXT js developers and at this point I'm unemployed for past 2 months, I'm starting to think that I've made a mistake and I should have invested my time leaning pythons, and becoming an AI engineer or data scientist, Is there a way out?

2
3
 
 

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

Hi,

I've recently installed FreeNginx[^FN]

I would like to use the geoip_module to have some "Stats" about my visitors..\

on the documentation we can read:

... using the precompiled MaxMind databases ...

.
.
.

But on the MaxMind website I'm facing a wall:

Sorry, we were not able to create your account. Please ensure that you are using an email that is not disposable, and that you are not connecting via a proxy or VPN.

So not working... And anyway I'm not a fan of using something compiled and more over not open source...

So do you know another solution to get GeoIP data with FreeNginx ?

Thanks.

[^FN]: https://freenginx.org/
https://programming.dev/post/12566209?sort=Old

4
 
 

im working on a webapp and im being creative on the approach. it might be considered over-complicated (because it is), but im just trying something out. its entirely possible this approach wont work long term. i see it as there is one-way-to-find-out. i dont reccomend this approach. just sharing what im trying/investigating.

how it will be architected: https://positive-intentions.com/blog/decentralised-architecture

some benefits of the approach: https://positive-intentions.com/blog/statics-as-a-chat-app-infrastructure

i find that module federation and microfronends to generally be discouraged when i see posts, but it i think it works for me in my approach. im optimisic about the approach and the benefits and so i wanted to share details.

when i serve the federated modules, i can also host the storybook statics so i think this could be a good way to document the modules in isolation.

cryptography modules - https://cryptography.positive-intentions.com/?path=%2Fdocs%2Fcryptography-introduction--docs

p2p framework - https://p2p.positive-intentions.com/?path=%2Fdocs%2Fe2e-tests-connectionstatus--docs

this way, i can create microfrontends that consume these modules. i can then share the functionality between apps. the following apps are using a different codebase from each other (there is a distinction between these apps in open and close source). sharing those dependencies could help make it easier to roll out updates to core mechanics.

p2p chat - https://chat.positive-intentions.com/

p2p file transfer - https://file.positive-intentions.com/

the functionality also works when i create an android build with Tauri. this could also lead to it being easier to create new apps that could use the modules created.

im sure there will be some distinct test/maintainance overhead, but depending on how its architected i think it could work and make it easier to improve on the current implementation.

everything about the project is far from finished. it could be see as this is a complicated way to do what npm does, but i think this approach allows for a greater flexibility by being able to separating open and close source code for the web. (of course as javascript, it will always be "source code available". especially in the age of AI, im sure its possible to reverse-engineer it like never before.)

5
 
 

Just moved my blog from wordpress to Pelican. I was pissed of by the wysiwyg interface and was looking for simple markdown based blog engine.

Pelican is great and easily customisable with theme. It can also be deployed on a gitlab/github/codberg/whatever page (next step 😋)

6
 
 

What’s the most efficient tech stack for building a fast, scalable business website in 2025? I’m considering modern static site generators (like Next.js or Astro) versus traditional CMS platforms (like WordPress). Any real-world insights or advice from your experience?

7
8
9
 
 

a very small OSS tool that i use everyday to clean up my images' metadata: zeroEXIF

10
 
 

Not to poke at React or any of the other popular frameworks, I'm sure they're suitable for Cybersecurity projects. They surely go through things like reviews and audits.

I'm asking from the perspective that web components are native to the browser and thus reducing what I think is called supply chain attacks (like if "npm install" introduces something it shouldn't).

Maybe the frameworks don't matter and depends on the browser/os/device it's run on?


Context: I have a p2p messaging app created with ReactJS and a separate project for a UI framework based on Lit. Both these projects can be a whole separate discussion. I was wondering if there could be any advantages to refactoring (or starting from scratch) the messaging-app to be based on the webcomponent ui framework.

Same question on Reddit with comments here. I have an answer there, but posting here in-case anything is being overlooked.

11
12
13
42
PNG is back! (www.programmax.net)
submitted 4 weeks ago by jwr1@kbin.earth to c/webdev@programming.dev
 
 

After 20 years, PNG is back with renewed vigor! A new PNG spec was just released.

14
15
 
 

Things I would like every young web engineer to learn:

  • anything you can do in CSS + HTML, you should do in CSS + HTML
  • framework du jour is not a platform, it's a high-interest loan against your future capacity. The platform is the platform
  • understanding the memory hierarchy always matters
  • client-side isn't easier than the server, and "generalists" usually suck at client-side. Mind the (packet) gap
  • managers who are not technical are not useful
  • put users first, always

Second-order things to learn:

  • the way browsers work isn't static, but it also isn't changing that fast. Learn as much as you can and update every few years; particularly about networking and the rendering loop.
  • JS is the slowest way to do anything on the web. Never let it become the way you do everything.
  • a11y isn't nice-to-have, it's the job
  • shipping fast almost never matters as much as quality, & there are simple heuristics you can use to understand the difference
16
17
 
 

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

Biome is a formatter and linter for web languages: JavaScript, TypeScript, CSS, HTML, JSON, and GraphQL.

Version 2 adds type-aware lint rules and it is the first TypeScript linter that does not require tsc. Other new features include:

  • Monorepo support
  • GritQL Plugins
  • Revamped, configurable import sorting
  • Linter domains
  • Bulk suppressions
  • Analyzer assists
  • Many new lint rules
18
19
 
 

Introducing Dim – a new framework that brings React-like functional JSX-syntax with JS. Check it out here:

🔗 Project: https://github.com/positive-intentions/dim

🔗 Website: https://dim.positive-intentions.com/

My journey with web components started with Lit, and while I appreciated its native browser support (less tooling!), coming from ReactJS, the class components felt like a step backward. The functional approach in React significantly improved my developer experience and debugging flow.

So, I set out to build a thin, functional wrapper around Lit, and Dim is the result! It's a proof-of-concept right now, with "main" hooks similar to React, plus some custom ones like useStore for encryption-at-rest. (Note: state management for encryption-at-rest is still unstable and currently uses a hardcoded password while I explore passwordless options like WebAuthn/Passkeys).

You can dive deeper into the documentation and see how it works here:

📚 Dim Docs: https://positive-intentions.com/docs/category/dim

This project is still in its early stages and very unstable, so expect breaking changes. I've already received valuable feedback on some functions regarding security, and I'm actively investigating those. I'm genuinely open to all feedback as I continue to develop it!

20
21
22
 
 

Firefox 139.0 released yesterday, with support for the Temporal JavaScript API.

I explored the API, writing down the most relevant interfaces into a reference or cheat sheet.

It's certainly and finally a thorough API for handling temporal information. Working with zoned datetime across time offsets and time zones can get very confusing, though.

I love how you can work with them though, especially with durations.

console.log(Temporal.PlainDateTime.from('2025-02-05T08:00:00'))

console.log(Temporal.Now.plainDateTimeISO("Europe/Berlin"))

console.log(Temporal.Now.plainDateTimeISO().add('PT2M0.2S').subtract('PT0.5S').since(Temporal.Now.plainDateTimeISO()))

console.log(Temporal.ZonedDateTime.from('2025-02-05T13:57:35.777888[Europe/Berlin]').withTimeZone('Europe/London'))
23
 
 
24
 
 

Hi everyone!

Yesterday I shared a post here about discovering independent websites. I spent the day working on a small prototype for a larger project I'd been working on called powRSS. It's nothing more than a simple RSS finder, reader, and now aggregator.

If you have a personal website or blog, I would strongly encourage you to leave a comment or send me an e-mail, as I'd love to add it to the public feed.

I hope some of you may find it useful :-)

25
view more: next ›