I think image minification and font tasks bring more trouble than they solve.
Reasons:
1. Take too long to install
In my 20Mb home connection this is the difference taking away these dependencies and running npm install:
- gulp-flatten
- gulp-imagemin
2. They break windows filesystem
These dependencies make paths too long for windows, when you want to delete node_modules folder them you get in trouble.
- TIP to delete the folder rename it to “delete” and use this command:
mkdir DIR_TEMP robocopy DIR_TEMP delete /s /mir rmdir DIR_TEMP rmdir delete /S /Q
3. Gulp really helps with CSS and javascript
The purpose of Gulp is helping you make things better and faster, and it does an excellent job with css and javascript.
But I don’t want it to help me with images. The best tool for the job is photoshop
4. In my opinion, images don’t really have development version and production version
In that case, development version would be “Adobe Illustrator” version or “Photoshop” version, and production would be “transparent PNG 8 bit 128 colours interlaced 88% dither”
5. It’s not intuitive to know how to address an image from CSS
To create a background image where should I point the CSS?
to dist/images or assets/images?
I think the following code should work, but I’m not sure:
h3{background:transparent url(“…/…/img/bgTransparent.png”) repeat scroll 0 0;}
6. Talking about fonts tasks
When you integrate some font to your website you do it one time and that’s it, you don’t really need Gulp to help you anymore. Gulp is busy with the thousand changes you’ll make to CSS and Javascript.
Example:
To integrate Open Sans just copy this to header.php:
link href=‘http://fonts.googleapis.com/css?family=Open+Sans’ rel=‘stylesheet’ type=‘text/css’
These are my suggestions to keep this amazing theme slim, fast and efficient, what do you think?