Skip to content

Instantly share code, notes, and snippets.

View xzyfer's full-sized avatar

Michael Mifsud xzyfer

View GitHub Profile
@xzyfer
xzyfer / gulpfile.js
Last active August 24, 2019 09:05
True incremental sass compilation
var production = process.env.APP_ENV === "test";
var gulp = require('gulp');
var gutil = require('gulp-util');
var sass = require('gulp-sass');
var cssmin = require('gulp-minify-css');
var prefix = require('gulp-autoprefixer');
var newer = require('gulp-newer');
var print = require('gulp-print');
var notify = require('gulp-notify');
var batch = require('gulp-batch');
@xzyfer
xzyfer / about.md
Created February 23, 2016 00:24
metalsmith workflow
layout title
main.hbs
About

About

src/pages/linters/index.md

@xzyfer
xzyfer / surrogate-keys-recommendation.md
Created February 26, 2016 00:02
Surrogate Keys Recommendation

Surrogate Keys

The fastly article on the topic does a great job of explaining what surrogate keys are. I suggest familiarising yourself with it before continuing.

TLDR; the Surrogate Keys response header is a space delimited list of "tags" for that given response.

Why

Using surrogate keys we can more precisicely purge specific sets of reponses from the fastly cache. For exmaple we could choose to purge all CMS template, or CMS resource centre templates, or simply all CMS pages with a single column upsell element.

@xzyfer
xzyfer / SassMeister-input.scss
Created January 22, 2016 00:08
Generated by SassMeister.com.
// ----
// Sass (v3.4.20)
// Compass (v1.0.3)
// ----
@mixin using-at($parent) {
#{$parent}[data-foo] & {
foo: bar
}
}
@xzyfer
xzyfer / SassMeister-input.scss
Created January 22, 2016 00:04
Generated by SassMeister.com.
// ----
// Sass (v3.4.20)
// Compass (v1.0.3)
// ----
@mixin using-at($parent:"parent") {
#{$parent}[data-foo] & {
foo: bar
}
}
@xzyfer
xzyfer / SassMeister-input.scss
Last active January 22, 2016 00:03
Generated by SassMeister.com.
// ----
// Sass (v3.4.20)
// Compass (v1.0.3)
// ----
@mixin using-at($parent:"parent") {
#{$parent}[data-foo] & {
foo: bar
}
}
@xzyfer
xzyfer / SassMeister-input.scss
Created January 24, 2014 13:43
Generated by SassMeister.com.
// ----
// Sass (v3.3.0.rc.2)
// Compass (v1.0.0.alpha.17)
// ----
$px: 599px;
$em: 49.99em;
@function increment($number) {
@xzyfer
xzyfer / SassMeister-input.scss
Created January 24, 2014 11:30
Generated by SassMeister.com.
// ----
// Sass (v3.3.0.rc.2)
// Compass (v1.0.0.alpha.17)
// ----
@function true() {
@return "GLOUBIBOULGA";
}
@function false() {
@xzyfer
xzyfer / SassMeister-input.scss
Created January 4, 2016 04:24
Generated by SassMeister.com.
// ----
// Sass (v3.4.20)
// Compass (v1.0.3)
// ----
.multi-column__via-row {
display: block;
}
.multi-column__via-column {
display: none;
@xzyfer
xzyfer / test.scss
Created November 14, 2013 20:44
Common SASS list patterns
@import "utils";
// _settings.scss
$colors:
"main" #ccc
"red" #f00,
"green" #0f0,
"blue" #00f,
"white" #fff,