Category: tools

Freelancer Tools I use (as a webdeveloper)

Posted on | by Dario Bellotta

List of some freelancing tools I use as a webdeveloper.

Follow me on Instagram: @darioevaristobellotta

General Tools:

  • AI Chatbots:
    • ChatGPT: My experience working with ChatGPT was a flawless 5/5. It’s remarkable how it effortlessly tackles developer challenges I couldn’t figure out on my own. Moreover, it significantly enhances my writing capabilities.
    • Deepseek: Chinas alternative to ChatGPT
    • Gemini Googles alternative to ChatGPT
  • Google Tools: Google Workspace has a lot of great general tools for working
    • Drive: Share your files easily across all platforms
    • Docs: Like Mircosoft Word only better as a web application
    • Keep: Share your text across all devices
  • Monday.com: Project management application for tracking your tasks in personal projects. It’s free, and there’s an Android/iOS app too!
  • Notion.so: Create your own personal Wikipedia for things like code snippets, how-to guides, and more.

For Developer:

  • Stackoverflow: Developer forum every dev uses, including me in daily basis. If you get stuck in your code – go to stackoverflow – they have the answer
  • AWS Device Farm: Test your website on real devices, including Android, iOS, and macOS, accessible via the cloud. Better than Browserstack. Pay as you Use. No monthly subscription.
  • Browserstack: Test your website on real devices like AWS Device Farm but monthly subscription only.
  • MDBoostrap: Bootstrap framework for websites. I use the “WP Bootstrap Starter” for all of my WordPress websites. It also has some good pre-written code examples
  • Google Tools: There are a lot of great free to use tools from Google for developing
  • Dotcom Tools Website Speed Test: Best testing site I’ve seen so far for checking your website speed
  • Critical Path CSS Generator: Generates CSS code for avoiding render blocking. Put this code in your head and let your site load your CSS file at the bottom.
  • CSS Autoprefixer: Always paste your CSS Code into this tool to make sure you have all vendor prefixes, like the ones for Safari.
  • XML Sitemap Generator: Generate your sitemap and put it in your main root folder. And don’t forget to submit it in your Google Search Console.
  • Favicon.io: Generates favicons in all sizes you need.
  • GZIP Compression Check: Check if your htaccess is set up correctly and GZIP compression is active.
  • Cloudways: One of the best hosting companies I’ve seen. Especially if you’re running an E-Shop and you have to scale your server up.
  • Cloudflare: Free to use CDN Network if your site has a lot of sessions from all over the world.

For Designer:

  • Canva.com: My choice for Social Media posts. I use it for Slides, Reels, TikTok, profile pictures, headers, website images, Social Media ads and more
  • ILoveImg: Mainly for compressing images. Always compress them for websites. You can also scale images quickly
  • Adobe Photoshop: What should I say? You know it
  • Adobe Dimension: Designing in 3D feels very smooth and easy with Dimension. Good for product mockups
  • Flaticon: A lot of Icons for your projects

For Advertising:

  • Facebook Tools: 
    • Creator Studio: Official Instagram posting tool from Facebook, schedule, save as draft & post to Facebook.
    • Facebook Ads Manager: Advertise on Instagram and Facebook. Don’t “boost post” on Instagram always use Ads Manager.
  • TikTok Tools:
  • Google Tools: Away from Social Media you can use Google to advertise
    • Merchants: For your E-Commerce business, set up a product feed an advertise on Google Shopping
    • Ads: Google Ads has a variety of options to advertise, like Search Ads, Adsense Ads or YouTube.
    • Tag Manager: Tag your website to track user behavior 
    • Keyword Planner: You have to have an AD active to use Keyword Planner nowdays
    • Trends: See all search trends for google and get the hottest topics
  • Sistrix Hashtag Generator: Search for necessary keywords for your posts or campaigns
  • Sistrix Meta Snippets: Check or create your meta tags with this tool to ensure its length is good

YouTube Channel to follow:

  • Design Course: “I teach full stack development! Which means you will see tutorials regarding UI/UX, Frontend Dev, Backend Dev, Graphic Design and more!”
  • Google Chrome Developers: Official Google web developer channel
  • Freecodecamp.org: Most known YouTube Channel for developer

Last Update: Jan 28th 2025