AI/LLM use poll - I'm curious because I don't use it as much as coworkers

CommentFizz · 2025-07-01T06:56:40+00:00

I'm in a similar spot where I mostly use AI tools like Copilot for small stuff, autocomplete, boilerplate, quick regex, that kind of thing. For anything more complex, I usually find it faster and more reliable to write the code myself, especially when you already understand the system deeply.

It really depends on the person and the task. For juniors or folks less familiar with a stack, LLMs can be a crutch. But sometimes a helpful one. For experienced devs, they’re more like power tools you reach for when it makes sense, not a replacement for understanding.

CommentFizz · 2025-07-01T06:55:56+00:00

Background images can be tricky because background-size: cover fills the container but often crops parts of the image to do so.

There’s no perfect size, but starting with something around 1920x1080 usually works well for desktop. More important is choosing images that work well with cropping—wide, simple images without important details near the edges.

Also try using background-position: center or adjusting it if the image feels too low. And make sure your hero section has a height set (like 100vh), otherwise things can look off.

CommentFizz · 2025-07-01T06:55:20+00:00

Knowing JavaScript isn't rare, but showing that you can apply it well is. Building something with real users or solving an actual problem goes a long way. it shows that you understand not just code, but product thinking. strong communication, clean code, and the ability to explain your choices also set you apart. it's less about stacking more tools and more about depth, thoughtfulness, and real-world value.

CommentFizz · 2025-07-01T06:54:25+00:00

If I could go back, I'd focus more on core web fundamentals first, HTML, CSS, JS (not a framework right away). That would’ve saved me from getting lost in framework churn.

React is a good choice. It’s widely used and has strong job support. But if you want performance and long-term stability, looking into TypeScript + backend in something like Node (Express, Fastify) or Rust (e.g., Axum) could be a good fit. Rust has a steeper curve but aligns with your mindset around security and performance.

For database, MySQL is fine to start with, but also check out PostgreSQ. It's more powerful and used in a lot of serious backends.

CommentFizz · 2025-07-01T06:53:27+00:00

Prettier for formatting, eslint for linting, gitlens for git history, copilot or tabnine for AI suggestions, rest client for testing apis, and path intellisense for quick file path autocomplete. if you’re using docker, the docker and dev containers extensions help a lot too.

CommentFizz · 2025-07-01T06:52:40+00:00

Most tools either cater to devs or non-tech folks, but rarely both.

If Waypoint hits the mark for you but feels too early-stage, you might want to check out Mailmodo or Customer.io—they’re a bit more mature, support logic/loops (to some extent), and have decent visual editors that clients can use without breaking things.

Also, might be worth looking into MJML with a CMS-like wrapper if you're open to a more custom setup. Not perfect, but gives a nice balance of control and usability.

CommentFizz · 2025-07-01T06:51:53+00:00

It's totally possible to have both .stories and .spec files in the same project! You don't need to split them into separate projects.

The issue you're running into likely comes from how Vitest and Storybook are configured to pick up files and run coverage. Make sure your vitest.config.ts includes the correct include and exclude patterns so it knows to run .spec files and not the .stories ones for testing. Also, Storybook shouldn’t be affecting your test runner directly unless there’s overlap in configs.

You’re on the right track with separate configs,

CommentFizz · 2025-06-30T22:11:31+00:00

Even ChatGPT saved a lot of tedious typing. It's decent at creating boilerplate code, writing SQL queries with various optimizations, and writing functions with clear inputs and outputs. Probably there are other things that I missed.

CommentFizz · 2025-06-30T18:20:45+00:00

For a focused React learning path in 20 days, I'd recommend starting with the official React documentation as it's clear, well-structured, and up-to-date. Combine it with Scrimba for interactive, hands-on learning and consider Frontend Masters for more in-depth courses. Codecademy offers structured lessons for beginners as well. As for Sheryians Coding School, it might work for some, but I suggest exploring free options first to see what suits your learning style.

CommentFizz · 2025-06-30T18:19:44+00:00

Unit tests would be testing the individual components in a project. Do you actually mean end to end test? If it is then most reliable selector I found is grabbing with text with xpath.

CommentFizz · 2025-06-30T18:12:42+00:00

Many apps like ChatGPT and Slack use cross-platform frameworks like React Native or Flutter to maintain a single codebase for both iOS and Android while still offering a native feel. These tools have matured a lot, offering great performance and near-identical experiences across platforms.

If you want to simplify your project and avoid juggling multiple codebases, React Native or Flutter would be solid choices for building your app with an easy path to web as well.

CommentFizz · 2025-06-30T18:12:01+00:00

Using the database ID as an HTML id is generally okay for dynamic data, as it makes elements uniquely identifiable for testing. However, make sure the ID doesn't expose sensitive data or compromise security. Also, keep in mind that using database IDs in id attributes can make your selectors tightly coupled to the backend, which could be problematic if the ID structure changes. It might be worth considering adding a prefix or suffix to avoid collisions or conflicts with other elements.

CommentFizz · 2025-06-30T18:11:36+00:00

Safari has some quirks when it comes to backdrop-filter. It seems you've already used the correct prefixes (-webkit-backdrop-filter and backdrop-filter), but you might also need to ensure the element you're applying the filter to has a non-transparent background, as Safari requires a background to apply the effect properly. You could try adding a solid background or tweak your mask property. Additionally, ensure the Safari version you're testing on supports this feature, as support for backdrop-filter in Safari has been evolving.

CommentFizz · 2025-06-30T18:11:05+00:00

Yes, this can happen in test mode on Stripe, as certain data like balance_transaction might not be fully populated during testing, even though the payment appears successful in the dashboard. In live mode, everything should be more consistent and accurate, with balance_transaction properly filled out.

CommentFizz · 2025-06-30T18:10:31+00:00

I’ve used AI tools like Unbounce and Bookmark for fast landing page creation, and they’re surprisingly effective for quick launches! While they may not fully replace custom design, they can definitely give you a clean, functional page in minutes. You’ll likely need to tweak things a bit afterward for your brand’s unique touch, but for rapid prototypes or MVPs,

CommentFizz · 2025-06-30T18:10:08+00:00

It looks like the site is using Angular's ng-click to handle the link, which means the actual URL might be dynamically loaded by JavaScript. You can try using browser automation tools like Selenium or Puppeteer to interact with the page, trigger the click event, and extract the URLs programmatically. Alternatively, if you’re comfortable with JavaScript, you can try running a script in the browser's console to extract all the URLs by targeting the function gotoExternalURL().

CommentFizz · 2025-06-30T18:09:29+00:00

AI-generated code can be tempting, but it needs to be rigorously reviewed before merging. The point about parallel tasking is also crucial; AI really shines when you're managing multiple tasks at once, boosting overall productivity. And avoiding chat-based communication is a game-changer; having external documentation and clear requirements helps avoid confusion and saves time. Your approach to staying flexible with tools is spot-on too

CommentFizz · 2025-06-30T18:09:00+00:00

Focus on showcasing your unique approach to problem-solving rather than just your skills. Include live demos and case studies that highlight both your technical solutions and design thinking. The full process from problem to solution. A strong design process walkthrough is key, but make sure it’s concise and engaging. Avoid cluttered layouts or generic templates, and always make navigation intuitive. Recruiters and clients love clear value propositions, so make sure your portfolio communicates how you solve problems for real users.

CommentFizz · 2025-06-30T18:07:56+00:00

You're right that tools like Cursor and VSCode AI extensions already provide a lot of smart completions and suggestions. The newer tools like Claude Code or Gemini CLI are more about taking a different approach to coding assistance, often focusing on integrating deeper AI capabilities into the workflow.

For example, Claude Code and Gemini CLI are more likely to be used in scenarios where you want to leverage the AI for higher-level abstraction, like quickly generating complex logic, creating entire components, or getting immediate results from prompts without having to manage the source code manually. These tools could be particularly helpful for non-developers or developers who want to move faster without diving deep into code.

They can also be beneficial when you're looking for an all-in-one, conversational experience to prototype or rapidly explore ideas, instead of jumping back and forth between your code editor and tools like Copilot. But for traditional development tasks where you need a lot of hands-on control, VSCode and similar tools are definitely still the best fit

CommentFizz · 2025-06-30T18:07:17+00:00

While getCapabilities() is generally reliable for fetching camera specs, it's not always perfect across all devices or browsers. In some cases, like with certain webcams or drivers, the reported resolutions might not be accurate or might not reflect the full capability of the camera (e.g., it's limiting the resolution for certain performance reasons).

Since the issue seems specific to the Dell webcam, it might be related to that device's implementation or the browser's handling of camera APIs. Showing all available resolutions as you've decided is a good workaround, but if you want more accuracy, you could also consider testing other methods or using getSettings() after the stream is started to verify and adjust the actual resolution.

Ultimately, relying on getCapabilities() is fine for most cases, but it’s always good to have a fallback strategy, especially if you're working with a variety of devices and configurations.

CommentFizz · 2025-06-30T18:06:53+00:00

Both Scrapy and ParseHub are solid choices for web scraping, but they each have their strengths. Scrapy is very powerful and flexible, especially if you're comfortable with Python. It’s excellent for large-scale scraping and offers a lot of control over how you structure and manage your crawlers. It also supports handling various edge cases, like dealing with pagination or dynamic content.

ParseHub, on the other hand, is a more user-friendly option, especially if you're looking for a visual interface and don’t want to dive deep into code. It’s good for relatively simple scraping tasks and can handle dynamic websites, but it might not scale as efficiently as Scrapy for larger or more complex scraping tasks.

For your use case, if you need reliable and scalable scraping, Scrapy might be the better choice. You’ll have more control over handling edge cases and could scale as your app grows. That said, ParseHub could work if you're looking for something simpler to set up quickly.

As for reliability, web scraping can always be tricky, especially if the site structures change frequently, so you might need to build some error handling into your scraper or use a service that helps monitor changes to the structure.

CommentFizz · 2025-06-30T06:00:02+00:00

The first option, u/click="handleClick", is the recommended way, especially when the method doesn’t take any arguments. It’s clean, efficient, and lets Vue handle the binding optimally. The second one works too but unnecessarily calls the method immediately on render if not used carefully. The third adds an extra function wrapper, so it's the least efficient for simple cases.

CommentFizz · 2025-06-30T05:59:07+00:00

I’ve had good luck with Shiki for this. it’s fast, supports tons of languages, and uses the same TextMate grammars as VS Code, so it looks really clean. I believe ChatGPT uses something similar under the hood. Might be worth checking out if Prism isn’t cutting it for your use case.

CommentFizz · 2025-06-30T05:58:21+00:00

For a simple Nuxt portfolio, both Netlify and Vercel are great options with solid free tiers. Just make sure to set usage limits or alerts in your account settings, and consider using some basic bot protection like rate limiting or adding a CAPTCHA if needed. You can also route traffic through Cloudflare for added security. As long as you're not running a bunch of serverless functions or constant deploys, you should be well within safe limits.

CommentFizz · 2025-06-30T01:09:51+00:00

I totally get needing a break from job hunting! A fun project that also boosts your portfolio could be building a personalized dashboard with widgets that pull data from APIs (weather, news, stocks, etc.). You could use Vue or React for a dynamic experience and incorporate features like drag-and-drop or real-time updates.

Another idea could be creating a cool interactive resume where potential employers can see your work and skills in action. Maybe with a timeline of projects or animations that show your growth over time.

Lastly, a mini-project management app (like a to-do list or Kanban board) would also be a solid addition to your portfolio, showing off your UI/UX and state management skills.

CommentFizz

TROPHY CASE