Skip to content

Instantly share code, notes, and snippets.

View didoo's full-sized avatar

Cristiano Rastelli didoo

View GitHub Profile
@didoo
didoo / styleguide.js
Last active September 19, 2016 16:18
/*global require, casper, phantom, fs, console */
"use strict";
// INSTRUCTION: call via Gulp (see task there) or in the "visual-regression" folder as:
// casperjs --ignore-ssl-errors=yes --ssl-protocol=any --target=[local|remote] test instructions/styleguide.js 2>&1 | grep -v "CoreText performance note"
// var phantomcss = require("phantomcss/phantomcss");
var phantomcss = require('./../node_modules/phantomcss/phantomcss.js');
var _IS_REMOTE = (casper.cli.has("target") && casper.cli.get("target")==="remote"),
@didoo
didoo / gist:68d507aae20ba46a256d
Last active October 15, 2015 20:25
What I would like to read about on @12devsGulp3
End of year, time for lists:
- Three websites that made you yell "wow!"
- Three developers that made you change your mind about something
- Three talks/speeches you liked the most
- Three articles/blog posts that made you think for day
Or, if you want something more specific:
- Gulp 4, did you transitioned already? how smooth it was? anything I need to know before migrating my build process?
- Npm 3, did you already started to use it? Something we can start to use to create reusable "packages" of CSS/Sass libs?
- The definition of "web development" is broadening every day, more and more; will we end up to be all "specialist of something", no more "unicorns" and ?
var using = require('gulp-using'); // use: .pipe(using({ prefix:'Using', color:'blue' }))
// and then
// Styles (Global)
gulp.task('styles:global', function() {
return gulp.src(globScss)
.pipe(using({ prefix:'Using', color:'blue' }))
...
...
@didoo
didoo / gist:6bf8322e53f9e8c34038
Created November 20, 2014 19:50
Because more is more
<div class="show-more-link">
<button class="btn--special-show-more" data-ng-show="truncated" data-ng-click="toggle()">
<span class="show-more--more ng-binding ng-hide" data-ng-show="!expanded">Show more</span>
<span class="show-more--less ng-binding" data-ng-show="expanded">Show less</span>
</button>
</div>