Skip to content

yhau1989/useful-dev-tools

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

28 Commits
 
 
 
 

Repository files navigation

Useful Developer Tools

Some below tools helped me a lot when i needed it. Feel free to add more tools, if you know more tools and if you want to help the developer's community. Please, submit a Pull Request or Open a issue for a tool you already know.

Web Tools

  • KeyCode Info: Easy visualizer for JavaScript KeyCodes.
  • Carbon: Create and share beautiful images of your source code.
  • DevHints: Rico's cheatsheets.
  • Netlify: Build, deploy, and manage modern web projects.
  • GitHub: GitHub is a development platform inspired by the way you work.
  • GitHub Pages: Websites for you and your projects (Static projects.)
  • Gist: Instantly share code, notes, and snippets.
  • Gitter: Gitter is a chat and networking platform that helps to manage, grow and connect communities through messaging, content and discovery.
  • DevHub: TweetDeck for GitHub. See repo activities and manage your notifications by creating columns with filters, saving items for later and more.
  • Trello: Trello’s boards, lists, and cards enable you to organize and prioritize your projects in a fun, flexible, and rewarding way.
  • Choose an License: An open source license protects contributors and users. Businesses and savvy developers won’t touch a project without this protection.
  • JS Paint: it's a web-based remake of MS Paint.
  • svgomg: Web GUI for SVGO.
  • HTML Minifier: Minify HTML and any CSS or JS included in your markup.
  • CSS Compressor: Use CSS Compressor to compress CSS (CSS 1, CSS 2, CSS 2.1 & CSS 3) to reduce CSS code size and make your website load faster.
  • JS Compressor: It's an online JavaScript compressor that allows you to compress and minify all of your JS files by up to 80% of their original size.
  • Web Resizer: Make photos faster. (Step 1)
  • JPEG and PNG Compactor: Make photos faster. (Step 2)
  • TinyPNG: Smart PNG and JPEG compression.
  • MarkDown Editor: Live (Github-flavored) Markdown Editor.
  • DevDocs: API documentation and works offline.
  • MDN Docs: Resources for developers, by developers.
  • DigitalOcean: It make it simple to launch in the cloud and scale up as you grow—whether you’re running one virtual machine or ten thousand.
  • Regex101: Validator for regex.
  • Gitignore.io: Web service designed to help you create .gitignore files for your Git repositories.
  • JSONLint: Validator and reformatter for JSON.
  • Conventional Commits: A lightweight convention on top of commit messages.

Desktop Tools

  • VSCode: A rich text-editor by Microsoft to improve your workflow. (I love it <3)
  • Insomnia: Debug APIs like a human, not a robot.
  • Postman: Postman Simplifies API Development.
  • Zeit, Now: The Global Serverless Platform. (CLI)

VSCode Extensions

  • Polacode: Polaroid for your code. It's like the Carbon.
  • Beautify: Beautify javascript, JSON, CSS, Sass, and HTML in Visual Studio Code.
  • VSCode Icons: Icons for Visual Studio Code (Folders and files)
  • Live Server: Launch a development local Server with live reload feature for static & dynamic pages.
  • Live Share: his extension pack includes everything you need to start collaboratively editing and debugging in real time, including integrated audio and text chat.
  • PHP Intelephense: High performance, feature rich PHP intellisense. (I use it for PHP indentation)
  • Power Mode: Your code is powerful, unleash it! The extension made popular by Code in the Dark has finally made its way to VS Code.
  • Rainbow Brackets: Provide rainbow colors for the round brackets, the square brackets and the squiggly brackets.
  • Visual Studio IntelliCode: The Visual Studio IntelliCode extension provides AI-assisted productivity features for Python, TypeScript/JavaScript and Java developers in Visual Studio Code, with insights based on understanding your code context combined with machine learning.
  • HTML CSS Support: Class and ID completion for HTML with support for remote CSS files (CDN).
  • VSCode Spotify: Use Spotify inside vscode. Provides integration with Spotify Desktop client.
  • Discord Presence: Update your discord status with the newly added rich presence.
  • Git Graph: View a Git Graph of your repository, and perform Git actions from the graph.
  • markdownlint: Markdown linting and style checking for Visual Studio Code.
  • Glassit-VSC: A VSCode Extension to set window to transparent on Windows platform.

Useful commands

  • npx add-gitignore for adding a git ignore file to your project for a specific language

About

A list with useful Dev Tools that helped me a lot when i needed it.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published