Automated Workflow for Front-end Developers

Automated Workflow for Front-end Developers


Automated Workflow for Front-end Developers

Hot from Oven, introducing PHỞ Devstack 1.0 created by source. From the creator of CSS Hat, PNG Hat and LESS hat, pho devstack is an automated workflow for front-end developers.

PHỞ Devstack is meant to help you set up the base for your web project. You'll be asked a few questions and corresponding files will be generated on your behalf. You need to choose your project type, meta tags for social networks, Google Analytics code and LESS directory structure.

Once it's done, you will get a well-structured folder with all the well-organised files you will need to kick off your project. Pho is also based on GulpJS, which means every time you made a change to HTML, CSS and Javascript, you will see the updates on your browsers instantly. No more switching windows or hitting refresh button. Truly magical. I installed it, and below is the screen capture of editing HTML, CSS and JS with Live Update on browser. Basically, I have gulp running in terminal and whenever I save the files, it will recompile and update the browser.

For more information, visit PHỞ.

Author: Kevin Liew

Kevin Liew is a web designer and developer and keen on contributing to the web development industry. He loves frontend development and absolutely amazed by jQuery. Feel free to say hi to me, or follow @quenesswebblog on twitter.

Share the love

1 comment

MindLogics
Fri, 30th May 2014
Hmm. It makes the life easier Reply

Leave a Comment

Please keep in mind that comments are moderated and rel="nofollow" is in use. You can use [code][/code] if you want to write codes. Don't spam us :) Thanks!

Advertisement