![]() Build tools with a GUI: CodeKit (Mac) & Prepros (Windows)īrowserSync is another great tool for front end development. If you don't currently use a build tool, I highly suggest giving them all a try and finding out which works best for you they will completely change your workflow. Grunt has a much larger community, which in return, means that more plugins are created for it. ![]() They both have their pros and cons, but since starting at Happy Medium, Grunt has definitely taken the lead after using it on a day-to-day basis. I have given both Grunt and Gulp a chance at proving themselves. Build tools are used to automate tasks, such as compiling Sass, minifying JS files, and compressing images. If you keep up with popular web development tools and trends, there is a high probability that you have heard of one of the many build tools out there, including Grunt, Gulp, and Brunch. If you do a lot of front end development, I'm sure you are familiar with the large number of tedious tasks that constantly need doing when making CSS or JS changes. I certainly haven't tried them all, but these are a few of my favorite. It is amazing to have so many great tools at our disposal, but it can be very difficult deciding what tools are really worth keeping around. If you are a web developer, you have probably noticed the plethora of tools that have been sprouting up in the past couple of years. You can even sync your clipboard between computers using Dropbox. This means that you can copy multiple chunks of text, and then paste them one by one with Shift + Command + V. That's just silly, don't do that! Flycut basically creates a "clipboard history" for you. Constantly going back and forth between the website and the copy document, copying paragraph by paragraph. Holy smokes! If you have ever had to enter copy into a website, you know how tedious of a task it can be. Your window is now covering the right half of your screen. BOOM! The shortcuts are easily customizable, and better yet, the project is open source. It's as simple as Command + Option + Right Arrow.
0 Comments
Leave a Reply. |