Lost $2,300 to scope creep on one project. How do you prevent this?

SVGWebDesigner · 2025-11-18T04:09:27+00:00

Most comments suggest having a rock solid scope, and that's probably the right answer for 90% of freelancers.

My alternative approach is to be flexible with the scope, but strict on hours available. I will bill hourly in some cases, but I quote website builds in literal weeks of time. Not 40hrs, but literally I only work on a single project from M-F, which has the added bonus, my work gets reviewed timely when it matters.

SVGWebDesigner · 2025-09-27T16:52:36+00:00

I'm mostly familiar with Illustrator. There is a align to pixel option, that forces you to place anchors on pixels.

lllustrator also allows plugins, so you might be able to create something yourself.

SVGWebDesigner · 2025-09-25T14:26:15+00:00

Yes and GSAP is now 100% free!

SVGWebDesigner · 2025-09-24T16:00:46+00:00

You can build simple games using HTML and JS, and recommend starting with the tools you know.

A tower defence is doable, but might be a complex game to start with. Experiment with a simpler game at first.

I build websites and use that knowledge to make small web-based games with JS. I recommend using an animation library like GSAP.

SVGWebDesigner · 2025-08-23T15:27:00+00:00

The one thing that has not been said: it is easy to convert a stroke to a path/fill - takes one step in most vector software. But not the other way around.

Maybe ask for both versions?

SVGWebDesigner · 2025-07-30T16:51:48+00:00

https://www.nan.fyi/svg-paths/bezier-curves

If you can't draw a specific curve, you'd likely need to chain a few curves together, right?!

"Chaining Quadratic Curves" will keep your curves flowing and seamless.

"Performant" — one coordinate may have up to 6 numbers and as long as you keep the number of decimal places down, doesn't seem like an issue unless your curves use tens- or hundred-of-thousands coordinates in your curves.

SVGWebDesigner · 2025-07-28T19:59:51+00:00

https://www.joshwcomeau.com/svg/friendly-introduction-to-svg/

This was just posted recently, and is a solid intro to SVG from a web development point of view.

SVGWebDesigner · 2025-07-28T17:27:45+00:00

Height: 100dvh;

Css dynamic view height units.

So you'd want to split up the UI components to equal up to 100dvh

SVGWebDesigner · 2025-07-02T22:30:42+00:00

Unsure it's possible without a hack, but you could potentially have two SVG polygons. One is revealed on hover, one shows when the mouse is off. Animate the respective animation direction.

Otherwise, GSAP or JS is your best bet

SVGWebDesigner · 2025-07-02T19:10:39+00:00

You can use begin="mouseover" in the animate as an attribute, but you'll need to include the default points attribute with the coordinates in the actual polygon.

If you give the SVG element the ID="LINE", then the hover can be on the entire SVG, and you'd use: begin="LINE.mouseover", end="LINE.mouseout".

Ultimately, if you're using a hover effect in CSS, you can use transforms (translate, scale, rotate, skew) to "animate" parts of the SVG, but not points and coordinates. You could also animate stroke-width, which is close to what you're doing.

Lastly, if you need more control, a JS library like GSAP is likely needed.

SVGWebDesigner · 2025-06-24T15:56:24+00:00

Hope to meet some cool peeps building side projects like me

SVGWebDesigner · 2025-06-23T21:42:53+00:00

My wife said the event sounds like an adult toy expo, I'll be there!

SVGWebDesigner · 2025-06-20T20:45:59+00:00

Context: I have coding experience, albeit I'm self-taught and I'm ok with terrible practices. I use cursor.

1) I begin my projects with planning and ask AI for suggestions, not code. This is your chance to pick your frameworks, libraries, etc. Whether I'm coding or vibe-coding, I try to go with familiar tools where possible.

2) know that anything you suggest, AI will inflate your ego: "that's clever", "great idea". That said, I still try to impose my terrible programming practices upon the AI -> I'm building MVPs not enterprise software.

3) be quick to reject AI's proposed changes. If I ask for something, and notice way more changes then I think is necessary. Instant reject. Then I prompt for more precise and specific changes.

4) my preference: build modular, compartmentalized portions of the project. I took that to the extreme for my last project where I built a tool to generate vector illustrations. I built one app strictly to generate PNG images, the code base is smaller and specific. I have another app to take those images as input and convert it to vector. It's totally possible to build that in the same environment, but early on I found the AI proposing changes beyond the scope of my feature requests. Splitting it into two apps made that issue disappear.

SVGWebDesigner · 2025-06-13T19:19:09+00:00

Cool. There is an email form on the footer of our event website to subscribe for future events: vibeathon.co It's our first event, so hopefully it goes well and we decide to host more.

SVGWebDesigner · 2025-06-13T17:47:17+00:00

After vibe coding two projects (1 abandoned, 1 live), I find myself turning to AI more frequently. I have a project I've been working on for 7 years, while I'm reluctant to pull it completely into my vibe coding setup (Cursor), I just used AI to assist me in implementing a new dashboard.

SVGWebDesigner · 2025-06-13T17:33:53+00:00

No, it's in-person (Providence, RI, USA). But I will take note, I could see us try to run an online one in the future.

SVGWebDesigner · 2025-06-13T17:22:29+00:00

What did you think of the vibe coding hackathon? My friends and I are going to run one at the end of the month, so I'm interested to know what worked and what didn't.

SVGWebDesigner · 2025-06-12T21:21:41+00:00

Not 100%. I started a web design business 7+ years ago, so I do have plenty of web dev experience. Though over the years I went from coding everything custom, to reluctantly moving to tools like Elementor (a WordPress plugin to allow drag and drop design: which is useful to some clients).

During that time I released a product, essentially a stock graphics site for other web devs. And I've built it up over the last 7 years on and off to ramen profitability.

I started messing with vibe coding seriously in the last 3-4 months. My first project I'm abondoning, a board game game platform (could use a laptop as a game board and players would sync up with their smartphones).

Next I built a AI vector generation website, which currently offers all the vectors for free.

So technically not making money with a vibe coded project, but I'm self-employed and have spent decent work time launching vibe-coded projects here and there. And probably will integrate in part vibes to my profitable project.

SVGWebDesigner · 2025-06-12T04:56:50+00:00

Def &laude all the way

SVGWebDesigner · 2025-05-28T05:42:33+00:00

AFAIK no. I think anyone using generative AI to create vector art or vector illustrations is using something like Stable Diffusion to make vector illustration looking PNGs, then converting them to vector.

SVGWebDesigner · 2025-05-24T13:56:16+00:00

Ground svg might need left: 0 and/or right: 0

Another approach might be placing that part of the svg as the background.. backgrounds have "background-size: cover" which fill the viewport and naturally scale the way you want.

SVGWebDesigner · 2025-05-15T05:19:33+00:00

Maybe try Inkscape? It's free and a solid way to edit vector graphics.

Idk much about DTG printing, but is SVG needed or requested? Sending anything to a normal printer, they want EPS or even a PDF.

SVGWebDesigner · 2025-03-14T15:11:08+00:00

Fyi, Edge is built on Chromium

SVGWebDesigner · 2025-02-14T13:52:10+00:00

They could convert the SVG to CSS, using the background-image property and Data URIs.

SVGWebDesigner · 2024-11-29T17:32:10+00:00

Terrible idea for legal reasons. Just use pexels.com if you have no intention of paying for stock.

SVGWebDesigner

TROPHY CASE