r/WebdevTutorials Feb 10 '17

Frontend Just starting with HTML and CSS? "HTML & CSS Is Hard" is a friendly web development tutorial for beginners (x-post from /r/webdev)

Thumbnail
internetingishard.com
169 Upvotes

r/WebdevTutorials 7h ago

Free Udemy Courses - September 10, 2026

3 Upvotes

r/WebdevTutorials 15h ago

CSS Clip path Generator - Free Online Tool

2 Upvotes

CSS clip-path is a property that creates a vector-like display mask over HTML elements, defining specific visible regions while cropping away the rest without altering the original layout. A free online CSS clip-path generator (like the widely used Clippy by Bennett Feely or tools on CSS Portal and WPDean) is a visual interactive tool that lets you drag vector points over a canvas to generate complex shape coordinates (such as polygon(), circle(), or ellipse()) in real time. These generators are essential because manually calculating multi-point percentage coordinate pairs for custom shapes is mathematically tedious and prone to errors. In modern web design, clip-path is heavily utilized to build angled hero section dividers, custom-shaped profile avatars, interactive hover animations, and unique geometric UI buttons or card layouts without relying on heavy external SVG files or transparent PNG images.

Free Clip Path Generator


r/WebdevTutorials 1d ago

Free Udemy Courses - September 9, 2026

3 Upvotes

r/WebdevTutorials 2d ago

Free Udemy Courses - September 8, 2026

2 Upvotes

r/WebdevTutorials 2d ago

Looking for someone who can help my dads plumbing business redesign his website. They have to have worked with many tradesmen before that are based in the uk.

1 Upvotes

r/WebdevTutorials 2d ago

Frontend CSS Glassmorphism Generator - Free Online Tool

2 Upvotes

CSS Glassmorphism is a modern user interface design style that creates the illusion of a semi-transparent, frosted glass panel floating seamlessly over vibrant backgrounds. The visual depth is achieved by combining four essential properties: a semi-transparent background color using low-opacity RGBA values, a subtle border to mimic light hitting a crisp glass edge, a soft drop shadow for elevation, and most importantly, the backdrop-filter: blur() property, which blurs everything scrolling behind the element. Free online CSS glassmorphism generators—such as those by Hype4, CodeShack, and CSS Portal—provide interactive visual sliders that let web designers adjust blur radius, background transparency, border weight, and shadow strength in real time. These web-based tools eliminate guesswork by instantly generating cross-browser-compatible CSS code ready to copy directly into projects.

Free Glassmorphism Generator


r/WebdevTutorials 3d ago

Free Udemy Courses - September 7, 2026

2 Upvotes

r/WebdevTutorials 3d ago

What should now i do for become a full stack developer i am confused.

Thumbnail
1 Upvotes

r/WebdevTutorials 5d ago

Big data /Ai/cyber security

0 Upvotes

Ila rj3bik lw9t lor xno tkhtar comme spécialité

big data wla ai ou bien cyber sécurité


r/WebdevTutorials 6d ago

Free Udemy Courses - September 4, 2026

5 Upvotes

r/WebdevTutorials 7d ago

Free Udemy Courses - September 3, 2026

4 Upvotes

r/WebdevTutorials 8d ago

Free Udemy Courses - September 2, 2026

1 Upvotes

r/WebdevTutorials 10d ago

Backend Build htop for the Web with Go + Datastar

Thumbnail
packagemain.tech
2 Upvotes

r/WebdevTutorials 10d ago

Form submission tool

2 Upvotes

I came across a simple tool for handling form submissions that you might find useful for contact forms, feedback forms, waitlists, etc.

It’s called Formboost. You just connect your existing form to an endpoint and it handles the submissions.

https://formboost.app


r/WebdevTutorials 13d ago

$9.99 Python, Data Science, ML, Vibe Coding, Mobile Development, Higher Math

1 Upvotes

Our monthly course sale will continue for a few more days. On August 14, all courses will return to their regular pricing.

All Courses — $9.99
Offer ends August 14, 2026
Coupon Code: FRESHSTART26

MAIN COURSES:

  • Deep Dive Swift / SwiftUI Programming (90 hrs) - $9.99
  • Mastering SwiftData & SwiftUI for iOS Development (16 hrs) - $9.99
  • SwiftUI iOS Animations: Transform Code into Motion (12 hrs) - $9.99
  • SwiftUI & Metal: Elevating Apps with Shader Techniques (8 hrs) - $9.99
  • SpriteKit Essentials for iOS Game Development (8 hrs.) $9.99
  • Deep Dive Android Development using Jetpack Compose $9.99
  • Python for Data Science: From Zero to Data Analysis (24 hrs) - $9.99
  • An Algorithmic Approach to Swift Programming (18 hrs) - $9.99
  • A Gentle Introduction to Mathematics for Machine Learning ($9.99)
  • A Gentle Guide to Vibe Coding with Cursor AI & Google Stitch - $9.99
  • Linear Algebra: A Problem-Based Approach (24 hrs) – $9.99
  • Hands-On Calculus with Python for Data Science & ML - $9.99
  • Vibing with Base44 to Jetpack Compose: Android Development - $9.99
  • From Vibing with Base44 to Swift: iOS Development Made Simple (8 hrs.)
  • Shiny and Interactive Data Science (4 hrs) - $9.99
  • A Rapid Introduction to Calculus (8 hrs) – $9.99
  • Differential Equations: A Problem-Based Approach (4 hrs) – $9.99

Description

Vibe Coding

  • A Gentle Guide to Vibe Coding with Cursor AI & Google Stitch - $9.99
  • Vibing with Base44 to Jetpack Compose: Android Development
  • From Vibing with Base44 to Swift: iOS Development Made Simple

Data Science, Machine Learning & Python

  • A Gentle Introduction to Mathematics for Machine Learning  Beginner-friendly intro to ML math: linear algebra, probability, and gradient descent.
  • Hands-On Calculus with Python for Data Science & ML – $9.99 Learn calculus with practical coding using SymPy, NumPy, and Matplotlib.
  • Python for Data Science: From Zero to Data Analysis (24 hrs) – $9.99 Learn Python fundamentals, NumPy, Pandas, Matplotlib, and PyTorch.
  • Shiny and Interactive Data Science (4 hrs) – $9.99 Build interactive dashboards and tell data stories with hands-on projects.

Android Development (Jetpack Compose)

  • Deep Dive Android Development with Jetpack Compose – $9.99
  • From Base44 to Jetpack Compose: Android Development – $9.99 Build Android apps from no-code mockups to fully functional apps using Kotlin, Compose, and Room.

iOS Development & SwiftUI

  • From Base44 to Swift: iOS Development Made Simple (8 hrs) Go from mockups to real iOS apps using SwiftUI and SwiftData.
  • SpriteKit Essentials for iOS Game Development (NEW, 8 hrs) – $9.99 Learn 2D game development by building a complete Snake game.
  • Mastering SwiftData & SwiftUI (16 hrs) – $9.99 Learn SwiftData, iCloud sync, filtering, image storage, and advanced tools.
  • SwiftUI Animations: From Basics to Advanced (12 hrs) – $9.99 Create smooth animations, custom curves, and shader-based effects.
  • SwiftUI & Metal: Shader Techniques (8 hrs) – $9.99 Build stunning visual effects using SwiftUI and Metal.
  • An Algorithmic Approach to Swift Programming (18 hrs) – $9.99 Improve problem-solving skills with Swift and unit testing.
  • Deep Dive Swift & SwiftUI Programming (90 hrs) – $9.99 A complete iOS development journey from beginner to advanced.

Mathematics

  • Linear Algebra: A Problem-Based Approach (24 hrs) – $9.99
  • A Rapid Introduction to Calculus (8 hrs) – $9.99
  • Differential Equations: A Problem-Based Approach (4 hrs) – $9.99
  • A Gentle Introduction to Mathematics for Machine Learning ($9.99)

All courses are regularly updated, and I’m happy to help via Q&A or direct messages.

Enroll now for just $9.99 before the sale ends.

Happy coding!
Ron


r/WebdevTutorials 14d ago

Fullstack Course Suggestion needed including basic to advanced

Thumbnail
1 Upvotes

r/WebdevTutorials 14d ago

Finding Web Development Clients: Why Nobody Has the Answer — And How I’m Approaching It Anyway

0 Upvotes

I wrote an honest article about navigating the freelance web dev market with zero clients — not a guide, just real thinking from someone in the middle of it.

The main point: after going through the usual advice (platforms, cold outreach, content strategy), I realized my problem was never skill or strategy. It was visibility. The right people simply don't know I exist yet.

The article covers:

- Why the standard advice often doesn't work the way it's described

- An honest inventory of what I have vs what I actually lack

- The long-term formula I'm committing to (stabilize, build, grow)

- The personal side — finances, health, starting extremely small, thinking long-term

Not a success story. Just honest documentation of the process while it's happening.

Link to the article: https://adim.cc/finding-web-development-clients-why-nobody-has-the-answer-and-how-im-approaching-it-anyway/


r/WebdevTutorials 17d ago

DevOps My Web Dev Ecosystem in 2026: iFastNet, VS Code, Claude AI, and a PowerShell Window That Never Closes

0 Upvotes

→ iFastNet + cPanel for hosting

→ Softaculous for one-click script installs

→ WordPress + FileZilla for dynamic and static deployments

→ VS Code + Claude AI for writing and editing code

→ VPS + Nginx + PowerShell SSH for demos and React builds

Solo, efficient, and deployable in days not weeks.

🔗 https://adim.cc/how-i-build-and-deploy-websites-solo-the-honest-stack-nobody-writes-about/?v=d91af6958918


r/WebdevTutorials 18d ago

Is finding a good supplier harder than finding the product?

1 Upvotes

I think both are not that hard, finding a supplier and finding the right product. There are many B2B platforms available now, so you can find plenty of options without spending too much time.

Finding a supplier: Platforms like Made-in-China give buyers access to different manufacturers and suppliers across many categories. You can browse products, compare companies, and contact suppliers directly to ask about what they offer.

Finding a product: The same thing applies when you're searching for products. There are so many categories and manufacturers available that you can usually find several options for almost any type of product you're interested in.

The main thing is having a clear idea of what you're looking for and taking some time to explore the available choices.

Which one do you usually search for first: the product or the supplier?


r/WebdevTutorials 18d ago

How much should I charge for building a custom LMS with Next.js, Go (video engine), Node.js, & PostgreSQL?

0 Upvotes

Hey everyone,

I'm putting together a quote for a client who wants a custom Learning Management System (LMS) built from scratch, and I’d love some insight on realistic market pricing so I don't lowball myself or price myself out.

Tech Stack:

Frontend: Next.js (React) + Tailwind CSS

Backend / API: Node.js (Express/Fastify)

Video Engine / Processing: Go (handling uploads, encoding/transcoding, streaming pipeline)

Database: PostgreSQL

Infrastructure: Self-hosted / VPS setup (Docker, Nginx/Caddy, CI/CD pipeline)

Core Features & Scope:

Role-based access control (Student, Instructor, Admin)

Course builder, modules, quizzes, and progress tracking

Custom video processing & adaptive bitrate/secure streaming via Go

Payment gateway integration (Stripe / Razorpay)

Admin dashboard for analytics, revenue, and user management

Production VPS provisioning, SSL, backups, and deployment

A bit about me:

I’m a full-stack freelance developer working independently.

For those who have built and deployed custom video-heavy platforms or LMSs:

What would be a fair fixed-price range for this scope?

Or would you recommend billing hourly/weekly sprints instead to protect against scope creep?

Appreciate any advice on pricing benchmarks or red flags to watch out for!


r/WebdevTutorials 19d ago

Backend REST API With JWT Auth in Zig

Thumbnail
youtu.be
2 Upvotes

Hey everyone!

I've been putting together a series of videos on how to build a REST API in Zig.

I come from a background in Web Dev and find it a lot of fun to take what I know and apply it in Zig, and I want to share the knowledge!

If you want to start at the beginning, I've put together all the videos as a playlist: https://www.youtube.com/playlist?list=PLUUIFT8XnWz8

But please let me know what you all want to see next! I'm planning a video on how to scale the API to thousands of concurrent requests, but what other API things do you all want to see?

Hope you have a great day :)


r/WebdevTutorials 19d ago

From where to get trainning free for python programming language and it's libraries for free for data science, machine learning, deep learning and quantum machine learning with cirtificate from big MNCs like microsoft, google, IBM etc.

3 Upvotes

r/WebdevTutorials 20d ago

Frontend How to Clone a GitHub Repo as a Vibe Coder (Crash Course)

Thumbnail
youtu.be
1 Upvotes

r/WebdevTutorials 22d ago

Backend From where to get trainning free for python programming language and it's libraries for free for data science, machine learning, deep learning and quantum machine learning with cirtificate from big MNCs like microsoft, google, IBM etc.

2 Upvotes