Your time saving front end workflow
This document discusses how to save time by automating front-end development workflows using Grunt. It notes that setting up a new website project typically involves downloading libraries, creating directories, and templates which can take time. Even with everything set up, compiling assets, watching for changes, live reloading, minifying files, and deployment can be repetitive tasks. Grunt helps automate these tasks to make developers more efficient by running tasks like asset compilation, live reloading, minifying files, and deployment. It provides links to Grunt plugins that can help with specific automation tasks like responsive image generation, file concatenation, watching files for changes, compiling CoffeeScript, cleaning files, and more.
More Related Content
What's hot
What's hot (20)
Viewers also liked
Viewers also liked (14)
Similar to Your time saving front end workflow
Similar to Your time saving front end workflow (20)
More from Icalia Labs
More from Icalia Labs (12)
Recently uploaded
Recently uploaded (20)
Your time saving front end workflow
- 1. YOUR TIME SAVING! FRONT END WORKFLOW @kurenn
- 2. So you want to start a new website?
- 3. SASS HAML LESS Bootstrap Boilerplate Devices CSS Coffeescript HTML jQuery Yeoman
- 5. We all know time is a key factor in staying productive
- 6. So you probably think you are really good at saving time by
- 7. Harvest App Pomodoro Rescue Time Bathroom time Answer emails Avoid long meetings SelfControl
- 8. But we are hackers right?
- 9. We can automate repetitive tasks and ! be more efficient
- 10. This is how you probably set up your environment today Download libraries Create the directories structure Download templates And the worse thing is you probably change your structure each time
- 11. Even with everything nicely set up it can take a couple of minutes to start and there is still more…
- 12. Assets compilation Watch for changes LiveReload Minify and concatenate Deployment Linting Because we are all doing this right?
- 14. Helps you run repetitive tasks
- 15. Assets compilation Watch for changes LiveReload Minify and concatenate Deployment Linting
- 16. A perfect alternative to ! Rake/Make/Ant
- 17. https://github.com/andismith/grunt-responsive-images Produces images at different sizes
- 19. https://github.com/gruntjs/grunt-contrib-watch Run predefined tasks whenever watched file patterns are added, changed or deleted.
- 20. https://github.com/gruntjs/grunt-contrib-coffee Compile CoffeeScript files to JavaScript.
- 24. https://github.com/gruntjs/grunt-contrib-livereload Reload assets live in the browser
- 25. A super simple set-up
- 28. Always remember If you are not automating your workflow,! you are probably working too hard