Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
a smarter
WordPress Theme Workflow
with node.js, ruby, sass, bower & grunt
1
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 cache with file revision
release an archive
DEPLOY
THANK YOU
22
@brajeshwar
Upcoming SlideShare
Loading in …5
×

of

WordPress Theme Development Workflow with Node.js, Ruby, Sass, Bower and Grunt Slide 1 WordPress Theme Development Workflow with Node.js, Ruby, Sass, Bower and Grunt Slide 2 WordPress Theme Development Workflow with Node.js, Ruby, Sass, Bower and Grunt Slide 3 WordPress Theme Development Workflow with Node.js, Ruby, Sass, Bower and Grunt Slide 4 WordPress Theme Development Workflow with Node.js, Ruby, Sass, Bower and Grunt Slide 5 WordPress Theme Development Workflow with Node.js, Ruby, Sass, Bower and Grunt Slide 6 WordPress Theme Development Workflow with Node.js, Ruby, Sass, Bower and Grunt Slide 7 WordPress Theme Development Workflow with Node.js, Ruby, Sass, Bower and Grunt Slide 8 WordPress Theme Development Workflow with Node.js, Ruby, Sass, Bower and Grunt Slide 9 WordPress Theme Development Workflow with Node.js, Ruby, Sass, Bower and Grunt Slide 10 WordPress Theme Development Workflow with Node.js, Ruby, Sass, Bower and Grunt Slide 11 WordPress Theme Development Workflow with Node.js, Ruby, Sass, Bower and Grunt Slide 12 WordPress Theme Development Workflow with Node.js, Ruby, Sass, Bower and Grunt Slide 13 WordPress Theme Development Workflow with Node.js, Ruby, Sass, Bower and Grunt Slide 14 WordPress Theme Development Workflow with Node.js, Ruby, Sass, Bower and Grunt Slide 15 WordPress Theme Development Workflow with Node.js, Ruby, Sass, Bower and Grunt Slide 16 WordPress Theme Development Workflow with Node.js, Ruby, Sass, Bower and Grunt Slide 17 WordPress Theme Development Workflow with Node.js, Ruby, Sass, Bower and Grunt Slide 18 WordPress Theme Development Workflow with Node.js, Ruby, Sass, Bower and Grunt Slide 19 WordPress Theme Development Workflow with Node.js, Ruby, Sass, Bower and Grunt Slide 20 WordPress Theme Development Workflow with Node.js, Ruby, Sass, Bower and Grunt Slide 21 WordPress Theme Development Workflow with Node.js, Ruby, Sass, Bower and Grunt Slide 22

YouTube videos are no longer supported on SlideShare

View original on YouTube

Upcoming SlideShare
Responsive Images in the Real World - presented at JavaScript Open 2015
Next
Download to read offline and view in fullscreen.

4 Likes

Share

Download to read offline

WordPress Theme Development Workflow with Node.js, Ruby, Sass, Bower and Grunt

Download to read offline

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/

Related Books

Free with a 30 day trial from Scribd

See all

Related Audiobooks

Free with a 30 day trial from Scribd

See all

WordPress Theme Development Workflow with Node.js, Ruby, Sass, Bower and Grunt

  1. 1. a smarter WordPress Theme Workflow with node.js, ruby, sass, bower & grunt 1
  2. 2. ONCE UPON A TIME PHP, CSS, Javascript
  3. 3. REFRESH the BROWSER
  4. 4. minify CSS, uglify Javascipt
  5. 5. UPLOAD to the SERVER
  6. 6. clean, archive, upload
  7. 7. WORK smarter NOT harder!
  8. 8. Focus on your Work
  9. 9. Save TIME, better ROI
  10. 10. node.js, ruby
  11. 11. BOWER
  12. 12. SASS, LESS, STYLUS
  13. 13. GRUNT
  14. 14. SCARED?
  15. 15. What the Heck?
  16. 16. Why Not?
  17. 17. Gruntium Buildum
  18. 18. concatenate, uglify, minify
  19. 19. burst the cache with file revision
  20. 20. release an archive
  21. 21. DEPLOY
  22. 22. THANK YOU 22 @brajeshwar
  • ssuser026fe1

    Nov. 4, 2017
  • fcoulises

    May. 3, 2015
  • takashiishihara94

    Mar. 29, 2014
  • sasank_gaps

    Mar. 16, 2014

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/

Views

Total views

5,986

On Slideshare

0

From embeds

0

Number of embeds

1,914

Actions

Downloads

16

Shares

0

Comments

0

Likes

4

×