Sidebar

Web Development

webdev
Web Development cherrycode 3 days ago 92%
Need to know about npm

I'm following the odin project to learn web development. I had read about malicious packages in npm multiple times, so I avoided it until now. I'm on the webpack lesson now, and to use webpack, I need to install it using npm. I also see that it has many dependencies, and those dependencies will have other depenedencies and so on. Why is it like this? Is there any other tool like webpack that doesn't require npm? Or rather, can someone clarify how to properly use npm or link a guide that explains it? I have this kind of fear and reluctance about using npm after all the things I read.

12
9
webdev
Web Development FarraigePlaisteach 2 days ago 100%
Best way to add a blog to an existing, static website?

I exported a Wordpress site as a static site and have been hosting that on Gitlab. I'd like to start updating the blog again and I'm wondering how to go about it. For the blog, I've been adding/coding the entries manually, which I still prefer to using Wordpress. Now I have someone who needs to take over the blog and I need something more simple for them. I've looked into DropInBlog ( https://dropinblog.com ) but it's way beyond our budget, so I've been thinking to either: - Give them git access and let them add a text file and image to a special directory when they want to post. Then I can have a script run a few times per hour which converts that into a blog post. I'd also need to update the blog index with my own code. - Let them use something RSS based with a nice interface and scrape that to generate the blog. Mastodon is one option, as is Wordpress. Ideally the blog they maintain would not be accessible to others on the web though. I don't want to split our SEO presence. Does anyone have a better suggestion? The website doesn't use a framework like Jekyll or any of those. It's just HTML, CSS and JS.

12
4
webdev
Web Development cosmicbytes 2 weeks ago 100%
Reactivity and Reactive Programming [Blog Post] cosmicbyt.es

Most modern JavaScript UI frameworks boast Reactivity, but have you ever wondered what that means exactly? In my opinion, Reactivity is largely responsible for making modern frontend development unintuitive to outsiders. This blog post explains what Reactivity is, and how it manifested in the frontend development world today. You might find this interesting if you're: a frontend dev unfamiliar with the concept, a non-frontend dev interested in frontend, or just curious what Reactivity is!

11
0
webdev
Web Development Vincent 2 weeks ago 90%
Client-side JavaScript and React criticism: What comes next? molily.de

> How do we improve JavaScript usage, teach progressive enhancement and reconcile the community?

9
3
webdev
Web Development Babalugats 2 weeks ago 100%
Where to start with a forum or community site and what should I expect it to cost?

I would like to create a site that that allows people to select a category and/or a sub-category and invite people to join and partake in something for a limited time period determined by the OP, but also allowing other users to suggest alternative options as a votable option. I have no idea where to start with any of this. Is it just forum software that I should be looking at, and could anyone recommend one if it is. Also how much should I be looking at to begin with? EDIT - Thanks everyone, all good options to look at. I am going to try a Lemmy Sub, as that seems to be the most favoured answer by users. Hopefully I will get to grips with it. 🙂

11
6
webdev
Web Development ByteOnBikes 3 weeks ago 97%
Developers Rail Against JavaScript ‘Merchants of Complexity’ thenewstack.io

The rebelling against JavaScript frameworks continues. In the latest Lex Fridman interview, AI app developer Pieter Levels explained that he builds all his apps with vanilla HTML, PHP, a bit of JavaScript via jQuery, and SQLite. No fancy JavaScript frameworks, no modern programming languages, no Wasm. “I’m seeing a revival now,” said Levels, regarding PHP. “People are getting sick of frameworks. All the JavaScript frameworks are so… what do you call it, like [un]wieldy. It takes so much work to just maintain this code, and then it updates to a new version, you need to change everything. PHP just stays the same and works.”

43
7
webdev
Web Development mbechara 4 weeks ago 100%
CSS Only 3D Robot gitlab.com

Hello everyone! This is something I made back in university to test my CSS skills. I haven't practiced any HTML/CSS since then, but I thought I'd finally share this project with the community. Hope you like it!

14
4
webdev
Web Development BrikoX 4 weeks ago 96%
In a leaked recording, Amazon cloud chief tells employees that most developers could stop coding soon as AI takes over www.businessinsider.com

> Matt Garman sees a shift in software development as AI automates coding, telling staff to enhance product-management skills to stay competitive.

61
18
webdev
Web Development SpongeB0B 4 weeks ago 100%
Create a `clip-path` animated ?

Hi, I would like to use a rectangle that move (left to right) to reveal an `element` / `image` like this ![](https://programming.dev/pictrs/image/d54c7bfd-faec-4927-ab5c-8da413bc0772.gif) The white box shall be the image to display But I'm already block at my svg animation ```svg <svg viewBox="0 0 265.135 68.642" xmlns="http://www.w3.org/2000/svg"> <g x="-55.790085" y="0.79151762"> <rect style="fill:#ffcc00;stroke-width:2.46513;stroke-linecap:round;stroke-linejoin:round;paint-order:stroke fill markers;stop-color:#000000" width="55.465603" height="151.60599" transform="rotate(45)" /> <animate attributeName="x" values="-55.790085;265" dur="5s" repeatCount="indefinite" /> </g> </svg> ``` Because the rectangle is not moving :'( Any ideas ? Thanks.

7
0
webdev
Web Development Rick_C137 4 weeks ago 71%
Nginx how enable CORS for multi origins ?

Hi everyone, I would like to enable [Cross-Origin Resource Sharing](https://developer.mozilla.org/en-US/docs/Glossary/CORS) on my Nginx server. for few origins (cors requestor)/domains. I've found this article https://www.juannicolas.eu/how-to-set-up-nginx-cors-multiple-origins that is nice, but not complete and on my browser seem really hard to read due to the layout 🤮 So I've opened a CodeBerg git repository for the good soul that want to perfect this piece of code the allow the most of use to use CORS with Nginx. https://codeberg.org/R1ckSanchez_C137/BestOfxxx/src/branch/main/Nginx/CORS_MultiDomains.py \ and \ https://codeberg.org/R1ckSanchez_C137/BestOfxxx/issues \ If you don't want to create an account on codeberg feel free to post your code here ! ```nginx server { # Server map "$http_origin" $cors { # map in Nginx is somewhat like a switch case in a programming language. default ''; #Seem to set $cors to '' empty string if none of the follwing rexeg match ? "~^https:\/\/([\w-_\.]+\.)?example.com$" "$http_origin"; #regex domain match # ~ mean I suppose the string is RegEx ? # Need to come with a RegEx expression that match https://anything.example.com[optional ports and Query string ?X=Y] "~^https:\/\/([\w-_\.]+\.)?example2.com$" "$http_origin"; #regex domain match } location /static { # if preflight request, we will cache it if ($request_method = 'OPTIONS') { add_header 'Access-Control-Max-Age' 1728000; #20 days add_header 'Content-Type' 'text/plain charset=UTF-8'; add_header 'Content-Length' 0; return 204; #https://developer.mozilla.org/en-US/docs/Web/HTTP/Status/204 } if ($cors != "") { add_header 'Access-Control-Allow-Origin' "$cors" always; # <-- Variable $cors add_header 'Access-Control-Allow-Credentials' 'true' always; add_header 'Access-Control-Allow-Methods' 'GET, POST, PUT, DELETE, OPTIONS' always; add_header 'Access-Control-Allow-Headers' 'Accept, Authorization, Cache-Control, Content-Type, DNT, If-Modified-Since, Keep-Alive, Origin, User-Agent, X-Requested-With' always;} # configuration lines... } } } ```

3
0
webdev
Web Development ericjmorey 1 month ago 95%
Deno's Standard Library for JavaScript Finally Stabilized at v1 | 3min 5sec Video | Aug 8, 2024 https://youtu.be/RFhM34rBWnU

### Video Description > Many programming languages have standard libraries. What about JavaScript? 🤔️ > > Deno's goal is to simplify programming, and part of that is to provide the JavaScript community with a carefully audited standard library (that works in Deno and Node) that offers utility functions for data manipulation, web-related logic, and more. We created the Deno Standard Library in 2021, and four years, 151 releases, and over 4k commits later, we're thrilled to finally announce that it's 30 modules are finally stabilized at v1. > > Learn more about the [Deno Standard Library]() > > Read about our [stabilization process]() for the library

20
14
webdev
Web Development anzo 1 month ago 100%
CSS finally adds vertical centering in 2024 build-your-own.org

cross-posted from: https://lemmy.ca/post/27261082

36
1
webdev
Web Development Skullgrid 1 month ago 100%
I just fixed a bug that was over 10 years old.

I have a dust covered personal project that I created in ACTIONSCRIPT that I started porting to JS recently. I had an audio bug because the synth I created was too simple, so every time a note stopped playing it made an annoying click sound. Just fixed it by using attack/decay parameters in a gain node. It feels good. next steps feel a lot easier, and I can think about doing some more fun stuff.

33
2
webdev
Web Development PoopMonster 1 month ago 92%
I need some clarification on ul li vs divs

Hello, I'm a Sr Dev who mostly has done back-end work but I'm "dangerous enough" in front end frameworks to get things done in my job. I have another Sr Dev on my team who is ADAMANT on using ul/ol's everywhere. And I mean EVERYWHERE. Navigation menu items will get done as a list. Say I have a list of key value pairs or tags describing an item on a page, that's a list. If there are two sections on a page that's also a list. Even forms are built as lists of inputs and buttons. To the point where I'm positive if I told them to recreate the google front page I'm 100% they'd make a ul and a li for the image, another for the box and a separate li for the buttons. My frustration is that every piece of documentation regarding ordered lists and unordered lists are for literally listings out items as numbered or bulleted lists, not logically grouping things on a page. Also our code is littered with extra css to strip out the bullet points and numbers on a basic li item. I've worked on several projects and this is the first time I've ever seen lists so overused. Is this normal on some projects? It feels wrong but I don't know the exact terminology to use to explain why, given my inexperience in front end development.

11
12
webdev
Web Development xoron 1 month ago 66%
Shared VR space over P2P https://youtu.be/2gTTu4OqoiM

https://github.com/positive-intentions/chat the code related to the video is a faily basic implementation using BabylonJS. it can be found [here](https://github.com/positive-intentions/chat/blob/staging/src/components/pages/verse/Verse.jsx). id like to see if i can get handpose-estimation to work well enough to be able to add to the BabylonJS render engine. im working on something i hope will work like the 8thwall demo [here](https://www.8thwall.com/nxtinteractive/hand-tracking-ar). i couldnt find an open-source alternative to this so i thought id have a crack at it myself. my progress so far is as described [here](https://github.com/positive-intentions/chat/issues/13). i dont have much experience in creating games or graphics, so any guidance/help/advice is appriciated. FAQ: - why should i use it? - its a proof-of-concept app. for testing and demo purposes only. - why create it? - it is a hobby project and i can be creative with the approach. its fun to work on. - what is it? - maybe [this article](https://medium.com/@positive.intentions.com/introducing-decentralized-chat-377c4aa37978) helps.

2
0
webdev
Web Development Synther 2 months ago 100%
YouTube RSS...

I was wondering if there was any way I could grab all of the content creator's channel (that I watch) rss feed from YouTube and make it into one html file to host it on my github pages. I can then go to my rss reader, I use YouTube music and AntennaPod. YouTube music for my iPhone and AntennaPod on android as a backup. Just wondering if this was possible, but also, I remember seeing a reddit post (or stack overflow) not long ago, like a year ago. A user asked about this and youtube shut that down due to, and I'm taking a guess, its because of this may block ads preventing them from making profit.

26
8
webdev
Web Development ByteOnBikes 2 months ago 100%
I won! Creating a top-notch game with Phaser in under 2 weeks reitgames.com

I hope this is okay. As a web dev who loves phaser, I love this stuff. If it's not, I apologize profusely.

26
1
webdev
Web Development yhvr 2 months ago 94%
Has anyone else had issues with domain registries randomly suspending a domain?

Apologies if this is the wrong community. I spent some time searching for a good one, and this seemed to be fairly applicable. I've owned several domains over the years, but recently I purchased another one (`goat.rest`) to house a little side project I was working on. For about two weeks, everything was running fine, and then out of the blue the site disappeared. After some investigation, I figured out that the domain had been suspended by the registry, with seemingly no reason or course of action to get it back. I triple-checked, and although the TLD for the domain is intended for restaurants, it should be open for other uses too. The site wasn't spammy, explicit, or in any way content that would be cause for removal. I sent an email to the company that owns the TLD, and three days later the block was removed, and hours later I got an incredibly vague and short email stating as such. While the site was down, I did a little research and found a [post](https://webmasters.stackexchange.com/questions/128197/our-domain-was-suspended-by-registry-due-to-potential-abuse) where someone had a similar issue, but I haven't been able to find much else. Do registries just randomly, automatically suspend domains when they want to? I wrote a [blog post](https://yhvr.me/blog/punto2012/) going into a little more detail about the whole situation, but mainly I'm just really curious about the question I asked in the title. Am I just super unlucky to have this happen to me, or have other people experienced a similar situation?

17
3
webdev
Web Development hal56 2 months ago 100%
Do you need an email account with a web host if you use Gmail

A friends business email goes through to his gmail account, but he also pays for an email account with his web host. Is it necessary to keep paying for this email account, does he need it if the email goes through to gmail? EDIT: What I know is, they both receive and send emails from @theirdomain.com via their Gmail. They have their domain registered with a seperate company than the web host and have access to their DNS records there. With the hosting company they pay for email in addition to their hosting plan. My friend wants to avoid the extra cost of the email account if possible, and I thought it wasn't required to have an email with your your webhost if setting up the DNS records properly, but not 100% sure. We wanted to get independent advice before proceeding, since the host has an incentive for my friend to stay on the email plan.

16
10
webdev
Web Development hal56 2 months ago 88%
Hosting wordpress in the UK

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

7
2
webdev
Web Development rimu 2 months ago 100%
Interactive CSS grid tutorial ishadeed.com

> > > 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. > >

31
1
webdev
Web Development Corsair 2 months ago 100%
Quart Vs Flask

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.

12
3
webdev
Web Development Zara 2 months ago 100%
Where to get some WebDesign inspiration ?

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.

23
5
webdev
Web Development psion1369 2 months ago 92%
What Environment or Tool do You All Use For Development?

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
webdev
Web Development Hansie211 3 months ago 80%
I made an Animal Picker for the game Planet Zoo 🌍🐾

Hey everyone! I wanted to share a little side project I’ve been working on: a [Planet Zoo Animal Picker](https://hansie211.github.io/PlanetZoo-Randomizer/#/). 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](https://github.com/Hansie211/PlanetZoo-Randomizer) Feel free to check it out, and for anyone that plays the game: Happy zookeeping! 🦁🐘

3
2
webdev
Web Development spartanatreyu 3 months ago 100%
[css-only] I made a thing https://codepen.io/spartanatreyu/pen/Yzbmvbr

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

12
3