/r/Web_Development

Photograph via snooOG

Web Development news, articles, and tools.

Web Development news, articles, and tools.

Smokey says: throw food scraps in your compost heap to fight climate change! [see more tips]

Resources:

Other subreddits you may like:

Does this sidebar need an addition or correction? Tell me here

/r/Web_Development

24,809 Subscribers

1

Embedding Spotify playlist into a Google Site

So I keep trying to embed a Spotify playlist into my Google Site, and when I view the preview Spotify shows me on their website, the widget looks exactly how I want it to, no problem. But everytime I copy the code Spotify provides and paste it as an embed into my Google Site's footer, the preview shows how my playlist looked by default before I added a new cover and title (aka, it shows all some album covers for the playlist songs and "untitled")

How do I get my widget to update and show the new playlist title and cover image I picked? Alternatively, is there a better way to autoplay a Spotify playlist on my website as background music?

0 Comments
2024/12/22
00:30 UTC

1

Is the cost of server side rendering negligible?

I'm creating a suite of services for a local business, booking online/over the phone with an employee, then the system for the business to look at their schedule, manage it, edit services they provide, etc. Again, this is a local company. I'm not well versed in the cost of SSR vs CSR's performance but I naively assume that the cost doesn't matter either way I go. I'm debating between templating and something like vue, but I honestly think that I should go with whatever is better for the situation, and not really consider SSR vs CSR. It's not like devices are slow, they're incredibly capable, including on a server which wouldn't get much traffic. Any thoughts or feedback for me?

0 Comments
2024/12/13
23:20 UTC

0

How do I offer free trials to only business email accounts?

I'm trying to figure out a way to offer a free trial on my SaaS product without making it easy for the user to just re-signup with a new email once it expires.

On some websites, they offer free trials to only people with @ custom domain names. So avoiding all the free email services.

#1. What is the process to accomplish this? do I just tell my dev to disallow all of the free email providers? or is there a better way to do this?

#2. Can you think of a better way to offer free trials? I don't want to restrict certain features of the product in the trial. I want the user to have full access.

1 Comment
2024/12/10
23:10 UTC

1

Useful event for web devs

Hey fellow devs!
If you’re into web development and AI, you might want to check out this event tomorrow, 10th of December, 4pm, WebDev & AI Day by WeAreDevelopers**,** an online event where industry-leading experts will explore how AI is redefining web development.
What you can expect:

  • 5 expert-led sessions, a panel discussion on opportunities and risks of AI for developers, and a fireside chat on the future of developer tools in an AI world.
  • Practical Takeaways: Actionable tips and tools for incorporating AI into your projects
  • Access to Recordings: Full access to all event recordings
  • Certificate of Participation

Feel free to use this code for 15% off your tickets: Webdevcommunity. Register here!
Would love to hear your thoughts if you decide to attend!

0 Comments
2024/12/09
13:06 UTC

2

Help Setting Up Self-Hosting Discord Bots and Websites

Hey everyone, I’m trying to set up my old laptop to self-host some Discord bots and websites, but I’m feeling a bit overwhelmed by the process. I’m new to self-hosting and could really use some guidance on how to get everything running smoothly. Here’s what I want to do:

  1. Discord Bots: I have a few Discord bots I’d like to run 24/7.
  2. Websites: I also want to host a couple of websites and I’d like to make them accessible on the web with a domain name.
  3. General Setup: I’m looking for advice on the best way to set up my laptop for this. What software do I need?

Here’s what I’m working with:

  • Laptop Specs: 64bit, 4gigs ram, 512gigs hdd
  • OS: Windows 8
  • Internet Connection: Stable with decent upload speed.

If anyone has step-by-step guides or any easy-to-follow YouTube tutorial that would help with setting this up, it would be greatly appreciated!
Thank you!

2 Comments
2024/12/07
22:28 UTC

0

We are working on a manual testing tool that is powered by AI - Lidana

Hi Developers!

We’ve developed a tool with AI that helps you generate test cases and is extremely easy to maintain them as well. You can check out the website here.

Testing isn't just the testers' responsibility; it's a task for everyone on the team.

Would love to hear your feedback!!

0 Comments
2024/12/06
10:59 UTC

5

Need Advice for Creating a Paid Calculator Website with User Accounts

Hi everyone,
I’m looking to build a website where users can access complex calculators (like engineering or financial tools). Users need to create an account and pay a one-time fee to use these calculators. Once paid, they should have lifetime access to the calculators via their account.

I’m familiar with WordPress but couldn’t find a theme or plugin that handles this specific situation. I need advice on how to approach this. Do I need custom development, or are there plugins/extensions I can customize to achieve this? Any guidance would be greatly appreciated, especially since I’m from a mechanical engineering background and not very experienced with web development.

Thanks in advance!

3 Comments
2024/12/02
17:00 UTC

2

Optimized integration of a JSON/GIF animation in Website (Webflow)

Hi everyone,

I'd like to integrate a transparent video of around 20 seconds on my Webflow site, while optimizing the page's performance for a better score on speed tests (especially for SEO). Here's what I've tested so far:

  • GIF: Size too large (17 MB), severely impacts performance.
  • APNG: Similar size to GIF, so problematic for performance.
  • WebM: Small size and good quality, but doesn't handle transparency properly on Safari.
  • JSON (Lottie): I have a JSON animation that I currently host via LottieFiles, which points to the 448 images hosted on GitHub. This seems to be the best solution in terms of size and transparency, but I'm having integration difficulties.

Main problem with JSON:

  • Webflow supports JSON files in its assets. However, when I try to embed it as a Lottie Animation element or via a <embed> tag, the animation doesn't display properly on my site.
  • I'm looking for a solution to integrate my JSON file directly without depending on LottieFiles, in order to reduce external dependencies and improve loading performance.

Do you have any recommendations or ideas for solving this problem? :))

Thanks

Oliver

1 Comment
2024/11/28
08:21 UTC

1

Which payment processor is best?

I'm looking for a payment processor for my website. I'm just going to use the payment links for now as I only have 2 products and I do not understand the backend. Which payment processor would be most recommended? I've been having a look around and seen so many horrible reviews for stripe and paypal saying their accounts were randomly banned and money (in the thousands) stolen. That and their trustpilot star ratings being below 2, I'm quite put off. However I do want one that looks secure and is decently well known but that won't rip me off, it is a small business. Any suggestions?

Also out of curiosity, in the future I would like a proper checkout, as in customers add things to the basket, go to the basket then checkout. How hard would it be to learn how to do that ? Are there any resources I could learn from? And how much would it cost to pay someone to do it for me?

0 Comments
2024/11/26
12:43 UTC

1

Is it ever ok to not support IOS?

Hi everyone,
So I've been working on a web-application for the past few months. I started developing it on my PC and then made it responsive on laptops, tablets, android phones, and now IOS phones.

In general, I seem to be running into far more issues on IOS devices than I was with android. For one, IOS devices prevent the automatic playing of videos when the device is in battery saving mode. But there are a number of other issues that are making the user experience for IOS users very poor and borderline unusable. Additionally, I don't own an IOS device so I'm relying on tools like LambdaTest which is making it more difficult.

I'm wondering if it's ever ok to not support IOS devices. And how would you prevent IOS users from attempting to use the web application? I know it would significantly cut the userbase but I'd rather that than users having a frustrating time.

It does have quite complex functionality so maybe it makes sense to only support on PCs and laptops?

Has anyone else ever had to do something similar?

1 Comment
2024/11/24
21:06 UTC

1

vueframe V2 is here !!!

https://preview.redd.it/hni19rha4j2e1.png?width=1778&format=png&auto=webp&s=453d6dd4816d67a14a2b162c502ad2bb1eee96b5

Hey guys I officially have released V2 of vueframe its been completely rebuilt from the ground up with major performance improvements, with a brand new mascot.

https://github.com/vueframe/vueframe

a star would be amazing + I would luv your feedback :)

2 Comments
2024/11/22
22:29 UTC

2

What are your views on No code SaaS?

Is it possible to make a great SaaS just by using no code tools.

Or Coding it entirely gives the best results?

5 Comments
2024/11/20
15:01 UTC

1

Help Needed: Best Training/Course Recommendations for a PHP/Infrastructure Developer

0 Comments
2024/11/18
23:46 UTC

1

Access secure navigator from https iframe in http page

Hey guys - I had a question. I would like to access navigator.userAgentData in an https iframe that I have within an http page for a test that I am setting up - how do I allow for this property to be defined within the https iframe? I need this data to be sent, and I was wondering if there was a way to ignore the secure context wrapper that is probably preventing me from doing this check - any help with this would be greatly appreciated. Thanks

0 Comments
2024/11/18
16:23 UTC

1

I made a small project yesterday. Launching Black friday devs - Curated Deals for developers and indie developers. The site is made with Nuxt 3

0 Comments
2024/11/18
14:57 UTC

1

vueframe a simple Vue 3 component library for embedding video players

Just wanted to share a project I've been working on called vueframe, offering a simple way to embed players such a YouTube and Vimeo easily with a universal API.

Its also the first time I've built a component library with VueJS so I would love feedback on this project so i can improve it and make it better.

here's the GitHub repo if your interested.

also a star would be Awesome :)

EDIT:

I'm also working on a documentation website

Installation 📦

# npm
npm install /vueframe

Setup ⚙️

// main.ts / main.js
import { createApp } from 'vue'
import App from './App.vue'
import VueFrame from '@vueframe/vueframe'

createApp(App)
  .use(VueFrame)
  .mount('#app')

Usage 💻

App.vue

YouTube

<YouTube id="dQw4w9WgXcQ" />

Vimeo

<Vimeo id="676247342" />

Dailymotion

This component currently does not support autoplay or muted

<Dailymotion id="x8i1ffw" />

Props 🎛️

PropTypeDefaultDescription
idstringRequiredVideo ID from the platform
autoplaybooleanfalseAuto-start playback
mutedbooleanfalseInitialize video muted
width`stringnumber`"1024px"
height`stringnumber`"576px"

Examples 🎯

With Props

<YouTube id="dQw4w9WgXcQ" autoplay muted width="800px" height="450px" />

License 📄

MIT © vueframe

0 Comments
2024/11/17
17:55 UTC

1

Please, check out if you like to use themes for VSCode. Open source project build with the new Svelte 5

🌟 Introducing VSCode Themes Community: Where Sacred Geometry Meets Modern Development

Hey developers! Want to experience something truly unique in theme creation? We've built a groundbreaking VSCode theme generator that combines ancient wisdom with modern technology.

✨ What Makes It Special?

  • Sacred Geometry Color Generation: Our algorithm uses over 30 sacred patterns including:
    • Golden Ratio (φ) based patterns
    • Fibonacci sequences
    • Sacred symbols (Sri Yantra, Metatron's Cube)
    • And many more!

🎨 Key Features

  • Intelligent Color Harmony: Colors aren't random - they're mathematically derived using sacred geometry principles
  • Advanced Token Coloring: Sophisticated syntax highlighting that maintains sacred proportions
  • Accessibility First: All themes are optimized for readability and meet accessibility standards
  • Multi-Language Support: Specialized token colors for JavaScript/TypeScript, Python, Rust, Go, and more

🤝 Community Features

  • Share your themes with fellow developers
  • Browse the public theme gallery
  • Create personal theme collections
  • Export themes as VSIX files ready for VSCode installation
  • Publish directly to the VSCode marketplace

🚀 Getting Started

Visit VSCode Themes Community to start creating your own harmonious themes or discover themes created by other developers.

💡 Why Sacred Geometry?

Our unique approach combines ancient wisdom with modern development tools, creating color schemes that are not just visually appealing but mathematically harmonious. Each theme is generated using principles found in nature and sacred architecture, resulting in color combinations that are pleasing to the eye and reduce visual fatigue during long coding sessions.

🌈 Join Our Community!

Whether you're a theme enthusiast, a developer looking for the perfect coding environment, or someone interested in the intersection of ancient wisdom and modern technology, we'd love to have you join our growing community!

Check it out: https://www.rlabs.art/vscode-themes-community

Open source

Check the source code out at the repository RLabs - VSCode Themes Community - Contributions and issues are more than welcome.

#VSCode #Themes #Development #OpenSource #SacredGeometry #CodingCommunity #DeveloperTools

0 Comments
2024/11/13
11:03 UTC

2

Web development

Adding a pop up advert on my react website I have added a pop up state effect to my main.tsx file I need a pop up function to appear on my menu . Help

4 Comments
2024/11/10
15:17 UTC

1

Feedback on site CSS and styling

Hello, I am looking for feedback on my site. Right now, there is an inconsistency with styles across pages as I've been feeling out different types. In general if people could recommend certain styles they like and formats that would be of huge help.

All data is mock data and you cannot purchase anything for reference, but I will see if you try to if you do :P

Providing examples of other design styles would be of great use as-well, so if you have any styles that you think would fit the website, please include that as-well.

Site: https://autovitus.com/

0 Comments
2024/11/07
19:24 UTC

1

Is it possible to integrate C++ code within a Django web application or project?

.....

1 Comment
2024/11/03
16:16 UTC

2

If I build a web application using both Django and PHP, which one would generally perform better in terms of speed and why?

...

3 Comments
2024/11/02
14:26 UTC

1

Question about crime developer tools

Hello, I'm two months into my web development journey and I've pretty much gotten down html, css, and im about to be starting to learn JavaScript and bootstrap. I've been messing around with Crome developer tools to kind of just look at websites code to see what they look like professionally. I'm looking at the code and I feel like I'm barley seeing any html or css elements. Are these sites just heavily manipulated with Javascript and such or am I missing something??

2 Comments
2024/10/31
08:26 UTC

1

Looking for a dotNet, ASP dev to help with a project I am working on

Looking for a mid-level - Senior dotNet dev to help with an ongoing project. Stack is ASP Core, WebApi, Razor Pages, EF Core, SQL Server, Azure, HTML, CSS, JS, JQuery. Person can be 100% remote but must speak fluent english! Looking to get started ASAP! 30-40 hrs / week for approximately 3 months.

This project is related to pet care so a passion for pets and animal welfare is a huge plus! DM me if you are interested.

2 Comments
2024/10/29
16:17 UTC

7

JetBrains Makes WebStorm Free for Non-Commercial Use – A Game-Changer for Web Devs!

JetBrains just announced a big shift for WebStorm, making both free for non-commercial use starting October 24. Whether you're a student learning, a developer creating open-source projects, or a hobbyist tinkering with web development, you can now use the full version of WebStorm without a subscription. This is a significant move, especially for those of us who code outside of work on side projects or are diving into web dev for fun.

This isn't a watered-down version of WebStorm, either. You get the full set of features, including the powerful DataGrip functionality for databases and a free trial of AI services that can take your projects to the next level.

If you've been on the fence about trying WebStorm, why not try them?

https://blog.jetbrains.com/blog/2024/10/24/webstorm-and-rider-are-now-free-for-non-commercial-use/

0 Comments
2024/10/24
14:28 UTC

2

I uploaded my first website on hostinger but it is not showing when i open the url

Hi everyone, good day. This is my first time writing on reddit and first time hosting a website.

for the past week I have been following youtube tutorials and trying to upload my custom website to hostinger. I have bought their premium hosting plan. I also created a free domain (that came with the plan) with hostinger and connected it to my website. Now I have followed the steps to upload the files from my pc to the file( hp panel) section of hostinger . To my understanding i thought the website will be ON after that but when i open the url it shows me the default php hostinger site. what should i do ?

please from those with experience what my be the problem? i am thinking i may have probably uploaded my website files wrongly or used a wrong format. I am open to all rectifications. please help me.

4 Comments
2024/10/21
13:05 UTC

1

website update for GC company

looking to hire someone to bring my companies website to a more modern design with neccesary information not sure if this is the right subreddit but we are a small ish General Contractor construction company that specializes in DOT work if anyone has the experience or ability please send me a message.

6 Comments
2024/10/17
19:15 UTC

2

Starting out on frontend

Hi everyone! I recently decide to start self teaching myself on how to code and I'm determined to give what it takes. I have taken a c++ class in the past but I don't really know where to start exactly I don't have to understand for the whole developer idea and I don't have the money to go to bootcamps and also I don't have to right materials to start on my own. I have consumed a lot of YouTube video and now I'm lost to where to even start. So if you could can you please recommend any resources I can get (could be anything like YouTube channels, free bignner friendly courses I could get). I appreciate yall!

3 Comments
2024/10/16
13:10 UTC

1

Need help to setup a wordpress like dashboard

I want to shift my e-magzine website from wordpress to html css js website but want to create a system for the content writing team such that if any article we need to publish the team will just put the content in the system (dashboard kind of thing like WP) and make it publish, for publishing access will be given to the team only, so suggest me some idea how I should approach this.

5 Comments
2024/10/15
05:25 UTC

0

VSCode Theme Generator with Sacred Geometry color schemes

🎨✨ Introducing VSCode Themes Community: Create Themes with Sacred Geometry! 🔯

Hey fellow developers! 👋

Are you tired of the same old color schemes for your VSCode editor? Looking for something truly unique and harmonious? Check out our new project: VSCode Themes Community!

🌟 What makes it special? We've developed an innovative algorithm that uses sacred geometry patterns to generate color schemes. This means you get themes that are not just visually appealing, but also based on harmonious ratios found in nature and ancient architecture!

🛠️ Key Features:

  • Interactive theme creation with real-time preview
  • Sacred geometry-based color generation (Fibonacci, Golden Ratio, Flower of Life, and more!)
  • Syntax highlighting preview with actual code samples
  • Easy sharing and discovering of community-created themes
  • One-click export to install directly in VSCode

Try it out: VSCode Themes Community GitHub Repo: RLabs-Inc/vscode-themes-community

We'd love to hear your feedback and see the amazing themes you create! Feel free to star the repo if you find it interesting.

Happy theming! 🎉

0 Comments
2024/10/13
16:46 UTC

1

Lamp - a curated collection of open-source web assets for developers.

Introducing Lamp a curated collection of open-source web assets for developers.

Also check out the GitHub repo a star would be AWESOME :)

If u have any projects u would like me to add to Lamp let me know

0 Comments
2024/10/12
14:32 UTC

Back To Top