A list of Sketch plugins hosted at GitHub, in no particular order.
| /*! | |
| * gulp | |
| * $ npm install gulp-ruby-sass gulp-autoprefixer gulp-cssnano gulp-jshint gulp-concat gulp-uglify gulp-imagemin gulp-notify gulp-rename gulp-livereload gulp-cache del --save-dev | |
| */ | |
| // Load plugins | |
| var gulp = require('gulp'), | |
| sass = require('gulp-ruby-sass'), | |
| autoprefixer = require('gulp-autoprefixer'), | |
| cssnano = require('gulp-cssnano'), |
Here are a few common tasks you might do in your templates, as they would be written in ExpressionEngine vs. Craft CMS.
I freaking love working with technologies like Grunt and Gulp, and wanted to share how to get my current EE front-end workflow set up. With a few tweaks, this can also be used with virtually any other sites (I've used it with Laravel, static sites, Craft, etc).
| require "siteleaf" | |
| require "yaml" | |
| # API settings | |
| Siteleaf.api_key = '' | |
| Siteleaf.api_secret = '' | |
| # site settings | |
| extension = 'md' # set this to whatever extension you are using for your posts. | |
| site_id = '' |
This entire guide is based on an old version of Homebrew/Node and no longer applies. It was only ever intended to fix a specific error message which has since been fixed. I've kept it here for historical purposes, but it should no longer be used. Homebrew maintainers have fixed things and the options mentioned don't exist and won't work.
I still believe it is better to manually install npm separately since having a generic package manager maintain another package manager is a bad idea, but the instructions below don't explain how to do that.
Installing node through Homebrew can cause problems with npm for globally installed packages. To fix it quickly, use the solution below. An explanation is also included at the end of this document.
| var extname = require('path').extname; | |
| var Metalsmith = require('metalsmith'); | |
| var myth = require('myth'); | |
| var http = require('http'); | |
| var templates = require('metalsmith-templates'); | |
| var markdown = require('metalsmith-markdown'); | |
| var watch = require('metalsmith-watch'); | |
| /** |
| #!/usr/bin/env ruby | |
| # Script to import tumblr posts into local markdown posts ready to be consumed by Jekyll. | |
| # Inspired by New Bamboo's post http://blog.new-bamboo.co.uk/2009/2/20/migrating-from-mephisto-to-jekyll | |
| # Supports post types: regular, quote, link, photo, video and audio | |
| # Saves local copies of images | |
| require 'rubygems' | |
| require 'open-uri' | |
| require 'nokogiri' |
Google Chrome Developers says:
The new WOFF 2.0 Web Font compression format offers a 30% average gain over WOFF 1.0 (up to 50%+ in some cases). WOFF 2.0 is available since Chrome 36 and Opera 23.
Some examples of file size differences: WOFF vs. WOFF2
