このプロジェクトは、下北沢オープンソースCafeの開設ノウハウをオープンソースとして共有することを目的としています。
なので、残念ながらプログラムのソースコードはあまり含まれていませんが、設計図などが含まれます。 OSSCafeを参考にカフェを開設する場合は、ぜひGitHub上でフォークしてください。
- HOT
- COLD
A cheatsheet for gulp.js
このプロジェクトは、下北沢オープンソースCafeの開設ノウハウをオープンソースとして共有することを目的としています。
なので、残念ながらプログラムのソースコードはあまり含まれていませんが、設計図などが含まれます。 OSSCafeを参考にカフェを開設する場合は、ぜひGitHub上でフォークしてください。
"autoprefixer" appears as "autoprexier" in the images
In the second PDF, the serial join operation doesn't declare var concat = require("gulp-concat")
.
Hi,
Your cheatsheets are lovely and would well be worth printing ... but unfortunately the result is unreadable for me.
I'm using linux only and so I don't have, nor even know Sketch, to have a hope of adjusting the colors myself from source (thus keeping the result vectorial).
As a start, I would darken all the colors and change the yellow text to some visible color.
Could you do that for me and probably many other users would feel happier too !
Thanks.
Michelle
coffeeの差分のところですが、
changed = require 'gulp-cached'
↓
changed = require 'gulp-changed'
ですよね?
grunt implement
module.exports = function(grunt) {
"use strict";
// Project configuration.
grunt.initConfig({
less: {
css: {
src: ['less/style.less'],
dest: 'css/bs.css'
}
},
concat: {
css: {
files: {
'dist/css/style.css': ['css/bs.css','css/bootstrap2/*.css']
}
}
}
})
require('load-grunt-tasks')(grunt, {scope: 'devDependencies'});
grunt.registerTask('default', ['less','concat']);
}
I tried to use gulp to implement "less" and do not "dest" new file and concat with other files. In other words, the code above don't generate "bs.css", it only dest style.css
https://github.com/osscafe/gulp-cheatsheet/blob/master/examples/js/serial-join.js
Not found gulp-streamqueue.
I've used "streamqueue" but it doesn't work.
It would be nice if there were SVG versions as well which people could refer to, since these are more easy to handle in a browser.
Now what? Any ideas and feedbacks are welcome :-)
gulp.src
introduced in gulp 3.8gulp-debug
to verbosevinyl
In this cheatsheet the two modules are used, but basically es.concat
and merge
has a same functionality. merge-stream
seems my favorite because of readability, like below.
var merge = require('merge-stream');
gulp.task('hello', function(){
return merge(stream1, stream2);
});
Here's some difference between these.
through2
merge
through2
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 is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
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.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.