Skip to content

Instantly share code, notes, and snippets.

@DanWebb
DanWebb / imgURL.js
Last active October 10, 2021 16:31
Specify a size for a Shopify image asset url. Equivalent to the liquid image size filter: `{{ image | img_url: "medium" }}`
String.prototype.imgURL = function(size) {
// remove any current image size then add the new image size
return this
.replace(/_(pico|icon|thumb|small|compact|medium|large|grande|original|1024x1024|2048x2048|master)+\./g, '.')
.replace(/\.jpg|\.png|\.gif|\.jpeg/g, function(match) {
return '_'+size+match;
})
;
};
@derekmorash
derekmorash / gulpfile.js
Last active February 13, 2023 08:04
Gulp task to compile Shopify Liquid tags in SASS with Autoprefixer
var gulp = require('gulp');
var sass = require('gulp-sass');
var replace = require('gulp-replace');
var autoprefixer = require('gulp-autoprefixer');
var concat = require('gulp-concat');
gulp.task('compilesass', function() {
// root SASS file (contains all your includes)
return gulp.src('./sass/style.scss')
// compile SASS to CSS
@CHEWX
CHEWX / _helper.scss
Created March 31, 2017 15:25
Foundation Responsive Design Helper
.rwd-helper {
position: fixed;
bottom: 0;
right: 0;
width: 100%;
height: 25px;
background: black;
color: white;
line-height: 25px;
text-align: center;