wordpress theme development workflow with node.js, ruby, sass, bower and grunt

Post on 08-May-2015

2.689 Views

Category:

Technology

3 Downloads

Preview:

Click to see full reader

DESCRIPTION

Brajeshwar believes that if he needs to get things done, it should be done the right and the better way. It might take extra time in the beginning, but the process should be repeatable and eventually pave way for future enhancements. He wants to apply the same idea to WordPress Theme design and development too. He will talk about how the life of a designer or a developer can be made easier by using tools such as NodeJS, Ruby, Sass and Grunt to automate the workflow. This will help designers or developers to focus on producing beautiful, usable and well marked-up WordPress Themes. More details and downloads of the workflow at http://theme6.com/wp-portkey/

TRANSCRIPT

a smarterWordPress Theme Workflowwith node.js, ruby, sass, bower &

grunt

1

@brajeshwartheme6.com/wp-portkey

ONCE UPON A TIME

PHP, CSS, Javascript

REFRESH the BROWSER

minify CSS, uglify Javascipt

UPLOAD to the SERVER

clean, archive, upload

WORK smarter NOT harder!

Focus on your Work

Save TIME, better ROI

node.js, ruby

BOWER

SASS, LESS, STYLUS

GRUNT

SCARED?

What the Heck?

Why Not?

Gruntium Buildum

concatenate, uglify, minify

burst the cachewith file revision

release an archive

DEPLOY

THANK YOU

22

theme6.com/wp-portkey

@brajeshwar

top related