Waste Less Time
As web developers, we harness powerful, time-saving tools that make our lives easier. Tools such as Git, Ruby, and NodeJS, along with their counterparts, have become essential to our development process. However, not all developers are familiar with these tools, and sometimes you find yourself developing on unfamiliar environments, without the tools. I want everyone to have these tools, and I’ll tell you how to make that a reality.
The Old Way: Path of Pain
The New Way: Path of Enlightenment
Ruby gives you:
Sass is a precompiled enhancement to CSS; it allows for cleaner, easier CSS. The good part about it is that it compiles to CSS, which can be the end deliverable. We typically use Scss syntax because of how similar it is to CSS. Also, you can easily convert a standard CSS file into a Scss file, simply by renaming the file from “style.css” to “style.scss.”
For extended functionality and power, install the Compass gem! Compass comes with powerful “mixins” or functions for your Scss files. It also has better support for cross-browser compliance.
If you think having a way to easily manage, automate, and deploy is a dream, Capistrano is a dream come true! By setting up a simple deployment script, Capistrano will deploy your website to multiple servers, run a build process, and save you a heck of a lot of time.
Note: The current version of Capistrano is unstable. We’re still using an older version of Capistrano for now, but (as with many of these tools) they change. Another deployment tool you can use is Mina.
NodeJS gives you:
Git and GitHub for Source Control
Sparkbox has been using Git for source control for some time now. Along with GitHub, Git has become a valuable part of the development process. Though, we understand, it’s not always up to the developer to choose source control for a given project; learning and using Git is essential as it has become the source control of choice for many open-source tools, including our very own development process.
Note: GitHub is a major open-source sharing platform! You can find all the tools listed below on GitHub.
How to Harness Tools Across Platforms
We currently employ these tools in our development build process, as mentioned in the Our New Build Process post. In the same post, we mentioned that we use Macs for development. Fortunately, these developer tools are available on just about all platforms. At the time of writing that article, we said, “While you can install Ruby and Node on Windows, we have not tried it. Your mileage may vary.”
But now, gosh darn it, we did it on Windows as well as Linux, and they worked!
Here is another article to walk you through the tools that we use, from the ground up, and I’ll show you how to install some of our favorite time-saving, development tools on popular platforms.
Love Your Frontend Tools Windows