Skip to content

Instantly share code, notes, and snippets.

Keybase proof

I hereby claim:

  • I am pudgereyem on github.
  • I am pudgereyem (https://keybase.io/pudgereyem) on keybase.
  • I have a public key ASAS2tMlcmOfinA4vbv12QG6aseGsJ0nbGlgy_3PoNQxowo

To claim this, I am signing this object:

@pudgereyem
pudgereyem / _hidden-scrollbar.sass
Created October 13, 2016 12:43
Hidden Scrollbar
/*
* Hidden scrollbar
*/
::-webkit-scrollbar
width: 0px
::-webkit-scrollbar-track-piece
background-color: transparent
-webkit-border-radius: 6px
@pudgereyem
pudgereyem / supportkit-email-capture.coffee
Created September 8, 2015 20:21
SupportKit Email Capture Addon
# SupportKit Email Capture Adddon
# Written by @pudgereyem, 2015-09-08
#
# What it does:
# 1. Check if there is a SupportKit.user registered and if it has an email
# 2. Adds email form if it doesn't have an email attached
# 3. When user submits the form check if his/her email validates
# and start chat it does.
class SupportKitEmailCapture
@pudgereyem
pudgereyem / gist:c5757e11000cd462b07a
Created February 5, 2015 16:10
Serve Missing Media from a Production Server via Apache/Nginx
# Serve Missing Media from a Production Server via Apache/Nginx
# When working on the website locally, and you don't want to download (or even have) the images that are used on the live site, a simple redirect solves the problem. You can read a good blog post on this here; <http://rzen.net/serve-missing-media-production-apache-nginx/> by Brian Richards.
###
### For Apache
###
# Attempt to load files from production if they're not in our local version
# If you have development/production setup, it's neat to use .htaccess to redirect all failed requests to the production server (since we wont want to sync all the uploaded media between the two)
<IfModule mod_rewrite.c>
@pudgereyem
pudgereyem / gist:7da56c2f70fd57f89689
Created May 28, 2014 06:12
CSS: "text-rendering" problem on Android 4.2 and 4.3
# Solving "text-rendering" problem on Android 4.2 and 4.3
- Source: <https://gist.github.com/pudgereyem/7da56c2f70fd57f89689>
- Comments: <https://twitter.com/pudgereyem>
`text-rendering` enables OT features such as kerning that would normally be set by the browser while also enabling ligatures.
More: <https://developer.mozilla.org/en-US/docs/Web/CSS/text-rendering>
Surprisingly, the default browsers in Android 4.2 and 4.3 do not support kerning, while the default browsers in Android 4.1 and 4.4 do. This is caused by a bug in the support for the text-rendering property in Android 4.2 and 4.3. Android 4.4 uses Chrome as its default browser, which does not exhibit the bug.
@pudgereyem
pudgereyem / filediff.sh
Created March 31, 2014 08:52
SHELL: Explore the difference between files and folder structures with diff
# From http://hints.macworld.com/article.php?story=20070408062023352
`diff` helps you explore the difference between files and folder structures in Unix. Really good.
`diff -qr dirA dirB | grep -v -e 'DS_Store' -e 'Thumbs' | sort > diffs.txt`
---
> As mentioned in other hints, diff can not only compare two files, it can, by using the -r option, walk entire directory trees, recursively checking differences between subdirectories and files that occur at comparable points in each tree. The trick is to use the -q option to suppress line-by-line comparisons in files that differ:
## Discussion regarding Newsletter design and development
Questions to be answered (somewhat):
- Q: Should I use a framework?
- Q: What about SASS, GRUNT and other tools we like so much?
### Should I use a framework?
Yes. Since Email Clients handle HTML very different from web browsers (read: very bad), we can't use the markup we are used to. Good news is there are some framworks that are tested out and can help us developers out:
- http://zurb.com/ink/
set nocompatible " Disable vi-compatibility
set t_Co=256
colorscheme xoria256
set guifont=menlo\ for\ powerline:h16
set guioptions-=T " Removes top toolbar
set guioptions-=r " Removes right hand scroll bar
set go-=L " Removes left hand scroll bar
set linespace=15
@pudgereyem
pudgereyem / package.json
Created February 6, 2014 20:59
GRUNT: Packages
{
"name": "example-project",
"version": "0.1.0",
"devDependencies": {
"grunt": "~0.4.1",
"grunt-contrib-compass": "~0.7.0",
"grunt-contrib-uglify": "~0.2.2",
"grunt-contrib-concat": "~0.3.0",
"grunt-contrib-imagemin": "~0.4.0",
"grunt-contrib-watch": "~0.5.3",
@pudgereyem
pudgereyem / Gruntfile.js
Created February 6, 2014 20:58
GRUNT: My Grunt Setup
/*
TO DO
1) Reduce CSS duplication
- Ideally just a single build - global.scss turns into /build/global.css
- Can Autoprefixer output minified?
- If it can, is it as good as cssmin?
- Could Sass be used again to minify instead?
- If it can, is it as good as cssmin?