Skip to content

Instantly share code, notes, and snippets.


Juan Pablo Lomeli Diaz tinkertrain

View GitHub Profile
noniq / concat.rb
Created Feb 5, 2012
Script for building a single giant compass-all.scss file.
View concat.rb
# Usage:
# ruby concat.rb /path-to-compass-gem/frameworks/compass/stylesheets/_compass.scss > compass-all.scss
@seen = []
def concat(file)
File.foreach(file) do |line|
if line =~ /^\s?@import "(.+?)";/
import = $1
unless @seen.include?(import)
hannestyden / gist:3897757
Created Oct 16, 2012
OS X 10.8 Mountain Lion: Remove Notification Center and Spotlight from menu bar.
View gist:3897757
# [Notification Center](
## Disable
launchctl unload -w /System/Library/LaunchAgents/
killall NotificationCenter # optional?
## Enable
launchctl load -w /System/Library/LaunchAgents/
# Spotlight
JeffreyWay /
Created Aug 15, 2013
Ever want to undo everything that you've worked on since the last commit (including adding new files)? Here's a little alias to help with that.
alias gundo='git reset HEAD~ && git clean -df'
tkafka / LICENSE.txt
Last active Sep 5, 2019
Drop-in replacement for ReactCSSTransitionGroup that uses velocity.js instead of CSS transforms. Add your own transitions to `transitions` hash.
View LICENSE.txt
The MIT License (MIT)
Copyright (c) 2014 Tomas Kafka
Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:
karlhorky / grayscale-disable.css
Created Aug 26, 2012
Cross-Browser CSS Grayscale
View grayscale-disable.css
img.grayscale.disabled {
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
-webkit-filter: grayscale(0%);
scottjehl / anchorinclude.js
Created May 20, 2011
Anchor-include Pattern
View anchorinclude.js
* anchor-include pattern for already-functional links that work as a client-side include
* Copyright 2011, Scott Jehl,
* Dual licensed under the MIT
* Idea from Scott Gonzalez
* to use, place attributes on an already-functional anchor pointing to content
* that should either replace, or insert before or after that anchor
* after the page has loaded
* Replace: <a href="..." data-replace="articles/latest/fragment">Latest Articles</a>
* Before: <a href="..." data-before="articles/latest/fragment">Latest Articles</a>
Andrew-Max / gist:305483febc3c367dbf57
Last active Jul 11, 2020
Route lifecycle hooks guide from Ember meetup lightning talk
View gist:305483febc3c367dbf57
App.LibraryRoute = App.ApplicationRoute.extend({
activate: function () {
//no longer enter
only called once on entering a route.
beforeModel: function () {
// any state you want in place before the model is initialized, this is called before any model promises are resolved
// also could be used to conditionally prevent access to a route by throwing transition.abort
gvn /
Last active Jul 27, 2020
Eliminating Code Smell With Grunt

Eliminating Code Smell With Grunt

by Gavin Lazar Suntop @gvn


I love clean code. There, I said it. I pride myself on passing strict linting standards and keeping my code easy to read. It's not just a personal proclivity, but a choice I hope benefits other developers.

My general experience with teams has been that code style is something people care about and have strong personal preferences. Typically, at some point people get tired of dealing with inconsistency and a standardization meeting is called. This is, of course, an important discussion to have. The problem that tends to occur is either lack of documentation or lack of enforcement of the agreed upon style. Additionally, new team members or contributors may not have access to a clear set of rules.

View index.html
<!DOCTYPE html>
<title>tableToExcel Demo</title>
<script src="tableToExcel.js"></script>
<h1>tableToExcel Demo</h1>
<p>Exporting the W3C Example Table</p>
scottjehl / getViewportSize.js
Created Mar 16, 2012
Reliably get viewport dimensions in JS
View getViewportSize.js
An experiment in getting accurate visible viewport dimensions across devices
(c) 2012 Scott Jehl.
MIT/GPLv2 Licence
function viewportSize(){
var test = document.createElement( "div" ); = "position: fixed;top: 0;left: 0;bottom: 0;right: 0;";