Skip to content

Instantly share code, notes, and snippets.

View heroheman's full-sized avatar
🏠
Working from home

Flowrence heroheman

🏠
Working from home
30 followers · 25 following
View GitHub Profile
@heroheman
heroheman / gulpfile.js
Created August 19, 2014 16:51
Patternlab Gulpfile (alpha)
/* jshint node:true */
'use strict';
// Load Gulp
var gulp = require('gulp'),
runSequence = require('run-sequence');
// Load plugins
var $ = require('gulp-load-plugins')();
@heroheman
heroheman / .vimrc
Last active August 29, 2015 14:04
Vim Configurationjf:w
" vim:fdm=marker
" .vimrc
" v.0.2.0 - 28.10.2014 by Florenz Heldermann
" Based on the beginners vimrc by Philip Trasher
"
set nocompatible " Fuck VI... That's for grandpas.
filetype off
set rtp+=~/.vim/bundle/Vundle.vim
@heroheman
heroheman / gulpfile.js
Last active February 8, 2017 18:07
Gulpfile: Kirby // woah, this is number 2 in google search. Please don't use this one, its really outdated.
'use strict';
var gulp = require('gulp'),
$ = require('gulp-load-plugins')();
// Express Vars
var EXPRESS_PORT = 4000,
EXPRESS_ROOT = __dirname + '/bin',
LIVERELOAD_PORT = 35729;
@heroheman
heroheman / scrolling.js
Created March 19, 2014 09:59
JS: 60fps Scrolling
(function($) {
'use strict';
$(document).ready(function(){
// 60fps scrolling
// see: http://www.thecssninja.com/javascript/pointer-events-60fps
var body = document.body,
timer;
window.addEventListener('scroll', function() {
@heroheman
heroheman / gulpfile.js
Last active August 21, 2016 22:32
Gulp: Wordpress Theme
/* jshint node:true */
// Include project requirements.
var gulp = require('gulp'),
jshint = require('gulp-jshint'),
uglify = require('gulp-uglify'),
sass = require('gulp-sass'),
imagemin = require('gulp-imagemin'),
prefix = require('gulp-autoprefixer'),
ftp = require('gulp-ftp'),
@heroheman
heroheman / cw-grid-mod.scss
Last active December 27, 2015 02:39
SCSS: CSS Wizardry Grid Mod - with AdobeBlank and numerical Namespaces
// Attention - This is a modified version of the csswizardry-grids by Harry Roberts - @csswizardy
// It includes the AdobeBlank Font, which has to be declared under the variable $font-blank
// This way you don't have to rely on whitespace or letter-spacing hacks. Idea by @dennisausbremen
// You can find Adobe Blank here: http://blogs.adobe.com/typblography/2013/03/introducing-adobe-blank.html
// I changed the namespaces. Using Variables like "one-twelves" is very uncommon for
// non-english people, so i changed it to "u-1-12" (the u is for "unit")
// Also i changed the comment syntax to the native Sass Syntax.
@heroheman
heroheman / example.html
Created August 13, 2013 11:07 — forked from millermedeiros/example.html
Node: Include *.html files
<!DOCTYPE html>
<!-- #include "inc_header.html" title="Example" header="Sample Title" -->
<html>
<head>
<meta charset="utf-8">
<title>Example</title>
<link rel="stylesheet" href="css/main.css">
</head>
<body>
<h1>Sample Title</h1>
@heroheman
heroheman / _styleguide.js
Created July 15, 2013 16:15
JavaScript: Patternlab modified json Annotations
function buildAnnotationView() {
$.getJSON('styleguide/js/annotations.json', function (data) {
$sgPattern.each(function(index) { //Loop through each pattern
var $this = $(this),
$thisAnnotation = '';
if($this.children().first().get('0') || $this.children().first().attr('class') ) {
var $elemType = $this.children().first().get('0').nodeName,
$elemClass = $this.children().first().attr('class');
$.each(data.comment, function (i, jsElem) {
if($elemType === data.comment[i].el.toUpperCase()){
@heroheman
heroheman / gist:5829357
Last active December 18, 2015 18:59 — forked from lucasfais/gist:1207002
ST2: Shortcuts - Mac

Sublime Text 2 – Useful Shortcuts (Mac OS X)

General

⌘T go to file
⌘⌃P go to project
⌘R go to methods
⌃G go to line
⌘KB toggle side bar
⌘⇧P command prompt
@heroheman
heroheman / jQuery.support-transition.js
Created June 18, 2013 09:57 — forked from jonraasch/jQuery.support-transition.js
jQuery: Support Transition
// jQuery.support.transition
// to verify that CSS3 transition is supported (or any of its browser-specific implementations)
$.support.transition = (function(){
var thisBody = document.body || document.documentElement,
thisStyle = thisBody.style,
support = thisStyle.transition !== undefined || thisStyle.WebkitTransition !== undefined || thisStyle.MozTransition !== undefined || thisStyle.MsTransition !== undefined || thisStyle.OTransition !== undefined;
return support;
})();