My Toolkit for Ghost Theme Development. Craft your Ghost themes with flexibility of Sass and the expressiveness of CoffeeScript. Live reloads across multiple devices and browsers thanks to BrowserSync.
For some strange reason the $ gulp document command has a tendency to throw some pipe errors now and then. I have to research this further.
Hi,
tried to follow your instructions.
Got an error about rimraf being depreacted but it does not seem to be used so I took that out of package.json.
However after installing dependencies when I ran gulp I ended up with this. I see you had set package.json to download latest versions of everything and fear that may be the source of the problem, as I have not changed anything yet.
Any ideas?
[19:16:59] Using gulpfile ~/code/Dropbox/HTML/ghost/content/themes/Mat/gulpfile.js
[19:16:59] Starting 'browser-sync'...
[19:16:59] 'browser-sync' errored after 25 ms
[19:16:59] TypeError: Cannot call method 'map' of null
at Object.opts.callbacks.files (/Users/simon/code/Dropbox/HTML/ghost/content/themes/Mat/node_modules/browser-sync/lib/cli/cli-options.js:273:40)
at /Users/simon/code/Dropbox/HTML/ghost/content/themes/Mat/node_modules/browser-sync/lib/cli/cli-options.js:292:54
at /Users/simon/code/Dropbox/HTML/ghost/content/themes/Mat/node_modules/browser-sync/node_modules/immutable/dist/immutable.js:1139:46
at /Users/simon/code/Dropbox/HTML/ghost/content/themes/Mat/node_modules/browser-sync/node_modules/immutable/dist/immutable.js:1872:16
at ValueNode.iterate (/Users/simon/code/Dropbox/HTML/ghost/content/themes/Mat/node_modules/browser-sync/node_modules/immutable/dist/immutable.js:2239:12)
at BitmapIndexedNode.iterate.HashArrayMapNode.iterate [as iterate] (/Users/simon/code/Dropbox/HTML/ghost/content/themes/Mat/node_modules/browser-sync/node_modules/immutable/dist/immutable.js:2232:24)
at HashArrayMapNode.BitmapIndexedNode.iterate.HashArrayMapNode.iterate [as iterate] (/Users/simon/code/Dropbox/HTML/ghost/content/themes/Mat/node_modules/browser-sync/node_modules/immutable/dist/immutable.js:2232:24)
at Map.__iterate (/Users/simon/code/Dropbox/HTML/ghost/content/themes/Mat/node_modules/browser-sync/node_modules/immutable/dist/immutable.js:1870:32)
at KeyedIterable.mappedSequence.__iterateUncached (/Users/simon/code/Dropbox/HTML/ghost/content/themes/Mat/node_modules/browser-sync/node_modules/immutable/dist/immutable.js:1138:23)
at seqIterate (/Users/simon/code/Dropbox/HTML/ghost/content/themes/Mat/node_modules/browser-sync/node_modules/immutable/dist/immutable.js:601:16)
at KeyedIterable.Seq.__iterate (/Users/simon/code/Dropbox/HTML/ghost/content/themes/Mat/node_modules/browser-sync/node_modules/immutable/dist/immutable.js:261:14)
at KeyedIterable.mixin.forEach (/Users/simon/code/Dropbox/HTML/ghost/content/themes/Mat/node_modules/browser-sync/node_modules/immutable/dist/immutable.js:4265:19)
at /Users/simon/code/Dropbox/HTML/ghost/content/themes/Mat/node_modules/browser-sync/node_modules/immutable/dist/immutable.js:1740:16
at Map.withMutations (/Users/simon/code/Dropbox/HTML/ghost/content/themes/Mat/node_modules/browser-sync/node_modules/immutable/dist/immutable.js:1848:7)
at new Map (/Users/simon/code/Dropbox/HTML/ghost/content/themes/Mat/node_modules/browser-sync/node_modules/immutable/dist/immutable.js:1737:20)
at reify (/Users/simon/code/Dropbox/HTML/ghost/content/themes/Mat/node_modules/browser-sync/node_modules/immutable/dist/immutable.js:1673:37)
at Map.mixin.map (/Users/simon/code/Dropbox/HTML/ghost/content/themes/Mat/node_modules/browser-sync/node_modules/immutable/dist/immutable.js:4285:14)
at /Users/simon/code/Dropbox/HTML/ghost/content/themes/Mat/node_modules/browser-sync/lib/cli/cli-options.js:290:18
at Map.withMutations (/Users/simon/code/Dropbox/HTML/ghost/content/themes/Mat/node_modules/browser-sync/node_modules/immutable/dist/immutable.js:1848:7)
at opts.merge (/Users/simon/code/Dropbox/HTML/ghost/content/themes/Mat/node_modules/browser-sync/lib/cli/cli-options.js:289:10)
at /Users/simon/code/Dropbox/HTML/ghost/content/themes/Mat/node_modules/browser-sync/lib/public/init.js:25:33
at Function.initSingleton [as init] (/Users/simon/code/Dropbox/HTML/ghost/content/themes/Mat/node_modules/browser-sync/index.js:196:20)
at Gulp.gulp.task.gulp.src.pipe.run.changed.extension (/Users/simon/code/Dropbox/HTML/ghost/content/themes/Mat/src/config/gulpfile.coffee:26:15)
Note to self: Handlebars are not handled elegantly enough in .SLIM imho and I've discovered that good ol' Jade seems to do the work much better. Will make a version of Kaidan built with Jade and see if this should be the foundation instead.
Experience from Themeforest: When running $ gulp package the created .zip file should include the parent folder. Else it's a hassle for buyers.
It could be a possibility to try adding the many OOCSS classes to the sass files beforehand, so you practically just fill in the blanks before moving onto more custom stuff. I'm a little biased about this since it might not fit other theme authors who might end up deleting the pre-defined classes.
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
Django
The Web framework for perfectionists with deadlines.
Laravel
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
Microsoft
Open source projects and samples from Microsoft.
Google
Google ❤️ Open Source for everyone.
Alibaba
Alibaba Open Source for everyone
D3
Data-Driven Documents codes.
Tencent
China tencent open source team.