Developers find themselves at all levels from beginner, to pro and beyond, using different online tools and services in order to make their job easier. Here’s a list of just a few of my favourites that I have used throughout my journey!
purifycss.online
purifycss.online is a tool used for clearing out unused CSS selectors and making your site run faster. I use this in order to optimise sites running on CSS frameworks to get rid of any unused parts of the framework and bring my CSS together!
With PurifyCSS reducing file-sizes by up-to 90% per file it seriously makes a difference to server response times and makes your site run 10x faster. I definitely recommend this tool.
PurifyCSS is a website performance optimization tool that scans your HTML & JS source code, removes the unused CSS selectors and reduces the file size by up to 90%
Sticking to the trends of CSS, unminify.com allows you to take minified CSS (as well as JS, HTML, XML, and JSON) and explode it back out to a human friendly format.
with Purify returning minified code, Unminify works really well alongside it to make that code easily editable again!
There’s not many developers not using w3schools.com… w3schools is possibly the best site to get documentation and guides to almost all of the most popular programming languages, as well as free web hosting and code snippets to help you along the way!
Well organized and easy to understand Web building tutorials with lots of examples of how to use HTML, CSS, JavaScript, SQL, Python, PHP, Bootstrap, Java, XML and more.
Autocode is a fully equipped web-based IDE for easy, serverless, API connections. With automatic installs for npm packages when required and easily linked resources to some of the top platforms APIs like Discord and Twitter, Autocode makes it super easy to speed up your web development!
Autocode is a toolkit for building amazing bots, apps and websites with APIs. Connect to Discord, Twitch, Slack and your favorite games and apps in minutes.
On a device with low storage? Or simply working on a friend’s machine without access to your usual VSC IDE?
vscode.dev is Visual Studio Code for the web, just login with discord and all your settings will sync. You can then edit any repo you have access to in your GitHub account!
GitHub is THE perfect place for collaborative development and opensource. As the most popular git based platform GitHub makes it easy to connect with almost every developer around the world and collaborate publicly or privately alongside them with full support for pull-requests, issues, code review and more!
GitHub is where over 83 million developers shape the future of software, together. Contribute to the open source community, manage your Git repositories, review code like a pro, track bugs and features, power your CI/CD and DevOps workflows, and secure code before you commit it.
cssgradient.io makes it super simple to generate incredible gradients in just seconds. I use cssgradient.io anytime I need a gradient for a website for the sake of simplicity and time efficiency when constructing a new site for a client!
These are just some of the tools I use on a regular basis and would recommend to other developers whether you’re just starting out or whether you’ve been in the business upwards of of 10 years, wherever you are in your journey these tools will always be useful!
