Sometimes you’re so trapped in the daily grind, getting things done, adding value to your project every day that you don’t feel like you have time to get around and do that teeny tiny improvement that could make your life as a developer so much easier. So you put it in your ever growing TODO-list and you tell yourself, I’ll do it soon, when I have some time to spare. In practice that usually results in never implementing that improvement.
Barbaric Tip of the Week is a weekly series whose main purpose is to share tiny bits of knowledge that I find specially useful and interesting.
This week’s Barbaric Tip is the great Firefox Dev Tools Challenger, a super creative way to showcase and teach the latest FireFox support for working with CSS Animations. The new animation panel lets you:
Play and pause animations (you can also do this in Chrome)
Edit cubic beziers
Scrub the animation timeline
Great support for working with CSS Filters a.k.a. the instagram of the web
Use the eyedropper tool to easily select matching colors (also on Chrome)
The spread operator works sort of in an opposite way to the rest operator. Where the rest operator takes a variable number of arguments and packs them into an array, the spread operator takes and array and expands it into its compounding items.
Let’s find out how this new ES6 feature can help you write more readable code.
If you are familiar with modern web development you’ll have noticed that it is very command-line driven. If command-line is not your cup of tea, or you just feel more comfortable staying inside the comfortable walls of Visual Studio, then the Web Extension Pack is right for you, since it brings all these modern web development tools right into Visual Studio. The bundle contains:
Web Essentials 2015: Epic Visual Studio Plugin that has many small editor improvements, features and shortcuts to make your life as a web developer easier.
Web Compiler: A plugin that lets you compile LESS, SASS, JSX, ES6 and CoffeeScript within Visual Studio or MsBuild. (Although you might consider making this a part of your front-end pipeline)
Image Optimizer: Optimize your images for web consumpton. No more serving 3 Mb jpegs!
Glyphfriend: Gives you a nice preview of the glyphicons in the most common icon fonts such as FontAwesome, Bootstrap Glyphicons, etc
Open Command Line: This extension lets you open a command line at the root of the project from within Visual Studio. Supports PowerShell, cmd, bash, etc… and provides syntax highlighting, Intellisense and execution of .cmd and .bat files.
Package Installer: With the package installer plugin you can easily install packages from the most common package managers right within Visual Studio: Bower, npm, JSPM, TSD and NuGet.