Creating development environments with Vagrant and Chef

Vagrant + Chef

Setting up development environments is a nightmare to most of web developers. But what can we do? It’s a part of our work. We need different setups and tools for different projects, we also need separate environments for development, testing, etc. Usually, it ends up with a big mess - bunch of web servers, DB servers, message brokers and other stuff running on your computer. Things can get even worse when working in teams. Sounds familiar? What if it would be possible to have isolated, portable environments which could be set up within several terminal commands? Actually, it is easily achievable with Vagrant and Chef. In this tutorial we will cover setting up a virtual environment running Node, MongoDB and Express framework on it using Vagrant and Chef.

Generate good looking smoky backgrounds with waterpipe.js


Some time ago I accidentally visited a blog named by Dan Gries. It is mainly focused on HTML5 canvas and contains many beautiful experiments. Later I’ve seen several eye catching background/pattern generators including trianglifytriangles and geopattern

These amazing examples encouraged me to play around with HTML5 Canvas and here is the result – waterpipe.js. It’s an open source jQuery plugin for smoky backgrounds generation (HTML5 Canvas).

Auto-refresh browser after code change using Automator (Mac OS X)

Auto refresh with Automator

Are you still using “command+R”  to refresh your browser after code changes have been made? Wouldn’t it be great to automate this routine? There are some solutions on the market including well known Livereload, Prepros App and CodeKit. But there is a totally free DIY alternative if you own a computer running Mac OS X. Follow this tutorial and never hit “command +R” again!

mPurpose – Free multipurpose Twitter Bootstrap 3 template

mPurpose Template

Hey, this is the official start of DragDropSite – a blog for web developers by a web developer. More freebies and tutorials are coming soon. Don’t miss them – follow us!

Today’s freebie is mPurpose - a responsive, sleek, clean and minimal HTML/CSS template (Twitter Bootstrap 3). It contains a huge variety of components and more that 30 sample pages so could be used for almost any type of website.