Web Development

3308 readers
2 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
1
2
7
submitted 4 days ago* (last edited 4 days ago) by hal56 to c/webdev
 
 

Hi, I am looking for a WordPress host in the UK (or europe) and I have been researching them extensively, but would appreciate hearing people's experiences.

My research has led me to a Kualo (www.kualo.com), they offer free SSL, unlimited bandwidth, have good reviews on TrustPilot, provide cloudflare CDN, and have a faily decent knowledge base.

Has anyone used them and can offer personal experience? Or any other hosting recommendations? Thanks

3
4
 
 

CSS Grid support has been widely available since March 2017 in all major browsers. Yet, here we are in 2024, and I still see few people using the grid template areas feature.

It’s no surprise that many avoid template areas as making sense of the grid is challenging enough. In this interactive article, I aim to shed light on this feature and, hopefully, convince you to use it more often. Once you see the simplicity and power of template areas, you may reach for them much more frequently.

5
15
CSS Selectors (css-tricks.com)
submitted 6 days ago by mac to c/webdev
6
 
 

Hey Community, I figured that I could strengthen existing automated unit test generation quality by integrating mutation testing results as a metric to determine the quality of my unit tests. Figured everyone should be unit testing their code now especially after the recent Crowdstrike fiasco.

Check it out here https://github.com/codeintegrity-ai/mutahunter

Please star if you like it :)

7
18
submitted 1 week ago by mac to c/webdev
8
13
Quart Vs Flask (self.webdev)
submitted 1 week ago by Corsair to c/webdev
 
 

Hi,

I've read quite few articles about Flask Vs quart.

But the one that I found do not go deep.. :/ (and are big adept of copy/past ...)

So, beside the extra features (ASGI, HTTP/2, WebSockets..)

I'm wondering if async/await in this context give a real boost of performance ?

When a client connect to a worker I don't think that while await, will allow another client to use the same work ? or am I wrong ?

Do you have any metric ? Or if you switched from Flask to Quart di you noticed a gain ? lost ?

Thanks.

9
 
 

Hi,

I'm looking for some inspiration to create a website.

Do you have a "crush" :) for a website (design speaking)

Or do you know some website that list great visual feature or website ?

Thanks.

10
11
 
 

For some years now, I have been using Laravel Homestead to quickly build up a virtual machine with all I needed installed. But it seems to not quite get the love it needs, and I'm wondering if folks have moved on to a different environment or tool for their development.

12
3
submitted 3 weeks ago* (last edited 3 weeks ago) by [email protected] to c/webdev
 
 

Hey everyone!

I wanted to share a little side project I’ve been working on: a Planet Zoo Animal Picker. It’s a simple tool designed to help you choose a random animal for your Planet Zoo game.

I know there are already tools out there, and mine isn't necessarily better, but it's something I created and I’m proud of it. It's just a fun little project I wanted to share with the community.

It's written in Vue/Quasar, src

Feel free to check it out, and for anyone that plays the game: Happy zookeeping! 🦁🐘

13
 
 

Feel free to tweak the two custom properties in the css pane to explore the different mosaic patterns that are generated.

14
15
0
submitted 4 weeks ago* (last edited 4 weeks ago) by Rick_C137 to c/webdev
 
 

Hi,

You might be aware that if a DNS request point your nginx server.

and this later do not have a server rule for it , nginx will server anyway the first server found in your config file, WTF !

So I've found https://stackoverflow.com/a/23281442

server {
  listen       80 default_server;
  server_name  everythingelse;

  error_page 404 /404.html;

  # Everything is a 404
  location / {
    return 404; #return the code 404
  }

  # link the code to the file
  location = /404.html {
    #EDIT this line to make it match the folder where there is your errors page
    #Dont forget to create 404.html in this folder
    root  /var/www/nginx/errors/;
  }
}

But this is not working !

I made one of my domain pointing to this nginx server, and he still server another site aka server For httpS for http nothing appear..

Thanks.

16
5
submitted 1 month ago* (last edited 1 month ago) by [email protected] to c/webdev
 
 

I currently use Cloudflare's DNS with disabled proxy and I want to ditch Cloudflare completely now (for known reasons).

I found the desec.io service and it’s looking pretty good to me. What are your thoughts about this site? Would you recommend it? Any other recommendations?

17
18
 
 

Copied from linked post:

I'm very happy to announce the release of htmx 2.0. This release ends support for Internet Explorer and tightens up some
defaults, but does not change most of the core functionality or the core API of the library.

Note that we are not marking 2.0 as latest in NPM
because we do not want to force-upgrade users who are relying on non-versioned CDN URLs for htmx. Instead, 1.x will
remain latest and the 2.0 line will remain next until Jan 1, 2025. The website, however, will reference 2.0.

Major Changes

  • All extensions have been moved out of the core repository to their own repo
    and website: https://extensions.htmx.org. They are now all versioned individually and can be developed outside of
    the normal (slow) htmx release cadence.

    • Most 1.x extensions will work with 2.x, however the SSE extension did have a break and must be upgraded.
    • The older extensions remain in the /dist/ext directory so as to not break the URLs of CDNs like unpkg, but please
      move to the new extension URLs going forward
  • We removed the deprecated hx-sse and hx-ws attributes in favor of the extensions, which were available and
    recommended in 1.x.

  • HTTP DELETE requests now use parameters, rather than form encoded bodies, for their payload (This is in accordance w/ the spec.)

  • We now provide specific files in /dist for the various JavaScript module styles:

    • ESM Modules: /dist/htmx.esm.js
    • AMD Modules: /dist/htmx.amd.js
    • CJS Modules: /dist/htmx.cjs.js
    • The /dist/htmx.js file continues to be browser-loadable
  • The hx-on attribute, with its special syntax, has been removed in favor of the less-hacky hx-on: syntax.

Minor Changes

  • We made some default changes:
    • htmx.config.scrollBehavior was changed to 'instant' from 'smooth'
    • As mentioned previously, DELETE requests now use query parameters, rather than a form-encoded body. This can
      be reverted by setting htmx.methodsThatUseUrlParams to the value ['get'],
    • htmx.config.selfRequestsOnly now defaults to true rather than false

Features

Not much, really:

  • The selectAndSwap() internal API method was replaced with the public (and much better) swap() method
  • Web Component support has been improved dramatically
  • And the biggest feature of this release: the website now supports dark mode! (Thanks @pokonski!)

A complete upgrade guide can be found here:

htmx 1.x -> 2.x Migration Guide

If you require IE compatibility, the 1.x will continue to be supported for the foreseeable future.

19
11
submitted 1 month ago* (last edited 1 month ago) by xoron to c/webdev
 
 

chat.positive-intentions.com

github.com/positive-intentions/chat

I'm excited to share with you an instant messaging application I've been working on that might interest you. This is a chat app designed to work within your browser, with a focus on browser-based security and decentralization.

What makes this app unique is that it doesn't rely on messaging servers to function. Instead, it works based on your browser's javascript capabilities.

Here are some features of the app:

  • Encrypted messaging: Your messages are encrypted, making them more secure.
  • File sharing: Easily share files using WebRTC technology and QR codes.
  • Voice and video calls: Connect with others through voice and video calls.
  • Shared virtual space: Explore a shared mixed-reality space.
  • Image board: Browse and share images in a scrollable format.

Your security is a top priority. Here's how the app keeps you safe:

  • Decentralized authentication: No central server is required for login, making it harder for anyone to gain unauthorized access.
  • Unique IDs: Your ID is cryptographically random, adding an extra layer of security.
  • End-to-end encryption: Your messages are encrypted from your device to the recipient's device, ensuring only you and the recipient can read them.
  • Local data storage: Your data is stored only on your device, not on any external servers.
  • Self-hostable: You have the option to host the app on your own server if you prefer.

A decentralized infrastructure has many unique challenges and this is a unique approach. Ive taken previous feedback and made updates. Its important to note, the app is an unstable proof-of-concept and a work-in-progress. Its important to understand at this early stage in the project, there will be breaking changes. It is not ready to replace any existing apps or services. While the app is aiming to be an encrypted and secure chat system, the project is not mature enough to have been reviewed by security professionals and should not be considered encrypted or secure. it is provided for testing/review/feedback purposes.

Looking forward to hearing your thoughts!

The live app

About the app

Even more about the app

Docs

Subreddit

20
9
submitted 1 month ago* (last edited 1 month ago) by starman to c/webdev
 
 

This is really cool, however I still wait for Firefox to support it.

21
22
16
submitted 2 months ago* (last edited 2 months ago) by [email protected] to c/webdev
 
 

I was wondering if there was a Web Application where I can work on Android App Development. Think of it like if vscode was only built for Android Development, and how cool it would be to develop android apps directly into your browser, just like vscode.dev.

Now, I was thinking of using vscode.dev and installing Gradle and Kotlin packages from the marketplace, but I was wondering if there was another alternative instead of using a Microsoft Product.

Likewise, I'm on an Xbox One where I can only use the Browser, can't install anything.

23
 
 

Say you have HTML similar to the following:

<div style="background-image: url('https://some.domain/image')"></div>

and you want to extract https://some.domain/image using XPath. With XPath 2.0, you can select the URL with something like

select-before(select-after(//div/@style, "backgound-image: url("), ")")

but, when using XPath 1.0, this fails — I think it's due to nested functions not being supported in XPath 1.0, but I have been unable to find documentation to confirm that. Is there a way to accomplish this using XPath 1.0?

24
19
State of HTML 2023 (2023.stateofhtml.com)
submitted 2 months ago by [email protected] to c/webdev
 
 

Results of the State of HTML 2023 Survey are out.

25
 
 

This is nice huh? I remember there was a dude here who wanted to make a language called 'ParenScript', I don't know if he wanted to make it Scheme compliant or not but this is a good resource for inspiration.

Many people hate on JS for its syntax, I don't exactly know what is wrong with JS' syntax


it's just a Fortran-derived syntax. But these people have no reason to hate it if they use this


Unless they hate S-Expressions too? Then I guess they're just chuds lol.

Now this does not have syntax-rules, which is a pity but I guess the old macro system is good too (define-macro). Keep in mind that these macros, like Mike Rotch, are not hygenic. Meaning if you name something foo in the macro's body, and there's another thing named foo in the closure the macro is invoked at, they will conflict.

Thanks, enjoy.

view more: next ›