Skip to content

Instantly share code, notes, and snippets.

View Fasani's full-sized avatar
💻
Hacktoberfest 2020!

Michael Fasani Fasani

💻
Hacktoberfest 2020!
View GitHub Profile
@Fasani
Fasani / gist:66bdfbc6ce7e3b360e9d
Created July 16, 2014 07:48
Browser Auto Refresh Script - Ruby Watcher
# This file has been edited for my own usage and shared here, credits to Brett Terpstra.
#!/usr/bin/env ruby
# watch.rb by Brett Terpstra, 2011 <http://brettterpstra.com>
# with credit to Carlo Zottmann <https://github.com/carlo/haml-sass-file-watcher>
# =============================
# Code from: http://brettterpstra.com/2011/03/07/watch-for-file-changes-and-refresh-your-browser-automatically/
# To install use: chmod a+x watcher.rb
# Run with: ruby watcher.rb <folder/to/watch> <keyword>
@Fasani
Fasani / Full-Width-Menu-With-Equal-Spacing.markdown
Created September 25, 2013 10:19
A Pen by Michael Fasani.

Full Width Menu With Equal Spacing

This is a full width menu with equal space, using flexbox, no support below IE10.

A Pen by Michael Fasani on CodePen.

License.

One of the tasks I work on daily for people is email builds. Building robust emails for a matrix of browsers, web-based mail clients and standalone clients can be a very tricky task because email clients sometimes strip out certain tags and render different elements in slightly different ways. After hours of building, testing and fixing bugs which arise due to these differences I have come up with some almost full proof ways of working with certain elements and created this list of 12 email tips which should really help you in your quest for good looking email design across all the major client enviroments.
The enviroments I concentrate on are what I consider to be the four key web-based email clients and the four key Windows and Apple Mac desktop clients:
AOL Email (IE6, IE7, Firefox, Safari, Opera)
GMail / Google Mail (IE6, IE7, Firefox, Safari, Opera)
Yahoo Mail (IE6, IE7, Firefox, Safari, Opera)
Windows Live / Hotmail (IE6, IE7, Firefox, Safari, Opera)
Lotus Notes
Mac OS X Mail

How to add a second scroll bar to jScrollPane

I needed to have a scroll bars at the top and bottom of my container, this is how you can do that with the jScrollPane API events.

A Pen by Michael Fasani on CodePen.

License.

@Fasani
Fasani / .block
Created August 21, 2017 21:22
Water Consumption In New York City
license: mit
# Your init script
#
# Atom will evaluate this file each time a new window is opened. It is run
# after packages are loaded/activated and after the previous editor state
# has been restored.
#
# An example hack to log to the console when each text editor is saved.
#
# atom.workspace.observeTextEditors (editor) ->
# editor.onDidSave ->
@Fasani
Fasani / .block
Last active August 25, 2017 21:51
Water Consumption In New York City v2
license: mit
@Fasani
Fasani / .block
Created August 26, 2017 21:41
React V16 + D3 + Force
license: mit
@Fasani
Fasani / .block
Last active August 27, 2017 09:17
React V16 + D3 + Force / 50% Less Render Calls
license: mit
@Fasani
Fasani / .block
Created August 30, 2017 19:24
Simple Custom Time Formats with D3 V4
license: mit