Skip to content

Instantly share code, notes, and snippets.

View lunelson's full-sized avatar

Lu Nelson lunelson

View GitHub Profile
@lunelson
lunelson / SassMeister-input.scss
Created February 13, 2014 22:18
Sass List-Maps 0.9.6 Dev -- Sorting
// ----
// Sass (v3.2.14)
// Compass (v0.12.2)
// ----
//==================== SASS LIST MAPS 0.9.5 release
@function list($args...) {
$output: ();
@each $arg in $args { $output: append($output, $arg, 'comma'); }
@metaskills
metaskills / info.md
Last active July 26, 2016 23:16
Sassmeister Presenter Bookmarklets

Presenter Mode

This bookmarklet will put Sassmeister into presenter mode. I used it for screenshots for my talk.

javascript:(function(){var%20h,m,f;h=$('.site_header'),m=$('.main_body'),f=$('footer');if(h.is(':visible')){h.hide();m.css({top:0,bottom:0});f.hide();}else{h.show();m.css({top:'3.33333em',bottom:'1.77778em'});f.show()}}());

presenter-mode

Presenter Mode Zoomed

@bastianallgeier
bastianallgeier / statify.php
Last active October 4, 2022 17:12
A first draft for a script, which converts a Kirby site into a static site. It's a rough first draft, so don't expect it to be perfect. Play with it, if you like it!
<?php
/**
* Instructions:
*
* 1. Put this into the document root of your Kirby site
* 2. Make sure to setup the base url for your site correctly
* 3. Run this script with `php statify.php` or open it in your browser
* 4. Upload all files and folders from static to your server
* 5. Test your site
@geelen
geelen / gulpfile.js
Last active October 11, 2017 11:47 — forked from superhighfives/gulpfile.js
Harp with BrowserSync! Woo!
var gulp = require('gulp');
var browserSync = require('browser-sync');
var reload = browserSync.reload;
var harp = require('harp');
/**
* Serve the Harp Site from the src directory
*/
gulp.task('serve', function () {
harp.server(__dirname + '/src', {
@ryboe
ryboe / bad_css
Last active May 14, 2025 17:22
Non-standard and Obsolete CSS Properties
OBSOLETE PREFIXES
-xv-interpret-as // -xv- and -o- are old Opera prefixes for the Presto
-xv-phonemes // engine. Opera switched to the Blink engine with
-xv-voice-balance // version 15. The current version is 34.
-xv-voice-duration
-xv-voice-pitch
-xv-voice-pitch-range
-xv-voice-rate
-xv-voice-stress
-xv-voice-volume
@lunelson
lunelson / SassMeister-input.scss
Last active November 22, 2017 10:41
Auto extending mixin based on GCD of width ratios
// ----
// Sass (v3.4.6)
// Compass (v1.0.1)
// ----
// auto-extending includes for width ratios
// determines match by reducing argument fraction
@function gcd($a, $b) {
@if $b == 0 { @return abs($a); }
@tracker1
tracker1 / 01-directory-structure.md
Last active April 6, 2026 11:24
Anatomy of a JavaScript/Node project.

Directory structure for JavaScript/Node Projects

While the following structure is not an absolute requirement or enforced by the tools, it is a recommendation based on what the JavaScript and in particular Node community at large have been following by convention.

Beyond a suggested structure, no tooling recommendations, or sub-module structure is outlined here.

Directories

  • lib/ is intended for code that can run as-is
  • src/ is intended for code that needs to be manipulated before it can be used
@whizark
whizark / SassMeister-input-HTML.html
Last active October 24, 2021 02:42
Sass: placeholder-exists() in Sass #sass
<div class="warning">
<p>A Warning Message.</p>
</div>
@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');
@glen-cheney
glen-cheney / encoding-video.md
Last active December 12, 2025 23:58
Encoding video for the web

Encoding Video

Installing

Install FFmpeg with homebrew. You'll need to install it with a couple flags for webm and the AAC audio codec.

brew install ffmpeg --with-libvpx --with-libvorbis --with-fdk-aac --with-opus