Skip to content

Instantly share code, notes, and snippets.

View johnantoni's full-sized avatar

John Griffiths johnantoni

View GitHub Profile
<script type="text/javascript">
(function () {
"use strict";
// once cached, the css file is stored on the client forever unless
// the URL below is changed. Any change will invalidate the cache
var css_href = './index_files/web-fonts.css';
// a simple event handler wrapper
function on(el, ev, callback) {
if (el.addEventListener) {
el.addEventListener(ev, callback, false);
@mgmilcher
mgmilcher / gist:5eaed7714d031a12ed97
Last active March 28, 2023 14:53
Nginx, PHP-FPM, MySQL and phpMyAdmin on OS X

This is my take on how to get up and running with NGINX, PHP-FPM, MySQL and phpMyAdmin on OSX Yosemite.

This article is adapted from the original by Jonas Friedmann. Who I just discovered is from Würzburg in Germany. A stonesthrow from where I was born ;)

Xcode

Make sure you have the latest version of XCode installed. Available from the Mac App Store.

Install the Xcode Command Line Tools:

xcode-select --install

@finteractive
finteractive / SASS-TO-03.md
Last active August 29, 2015 14:08
Living Style Guides in KSS with SASS

SASS-TO Meetup October 2014

Introductions

  • What Is the most interesting feature of SASS have you heard about, but don't know how to use?
  • What OS's are everyone running?
  • Gulp vs Grunt users?

Announcements

  • SASS Conf NYC
@finteractive
finteractive / sassto2.md
Last active August 29, 2015 14:05
SASS Toronto - Breakpoint and Singularity

#Intro - Get to know the group#

  • What's your level of CSS experience
  • Do you know any programming languages?
  • What's the most complex thing you've done with SASS

##How the meetup will Work##

  • Each Meetup will be targeted to a specific skill level (Basic/Advanced) ideally with some hands-on time in sassmeister
  • The meetup will start with a mini-demo of something at the opposite skill level of main content
@debloper
debloper / README.md
Last active May 24, 2017 05:04
Flashing Firefox OS on Flame Reference Devices

Flashing Flame Devices with Firefox OS

If you have a Flame reference device and wanna try out alternate versions of Firefox OS apart from the stock one, but not willing to build from source, then follow this mini-manual.

Get the build

You can download the packages from the Nightly Build directories of Mozilla FTP. You specifically need the following two files:

  • b2g-XX.0a1.en-US.android-arm.tar.gz (XX is the version number)
  • gaia.zip
@isao
isao / TypeScript.plist
Last active November 30, 2023 11:59 — forked from davethesoftwaredev/TypeScript.plist
BBEdit Codeless Language Module for TypeScript syntax coloring and class/interface/function folding.
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
<!-- https://gist.github.com/isao/5f6fbe89a438086c36d8
BBEdit Language Module for TypeScript
Put this file in
~/Library/Application Support/BBEdit/Language Modules
or equivalent.
Forked from
@johnantoni
johnantoni / Gemfile
Created June 2, 2014 14:44
bazooka mail-preview
# add to development group
gem 'mail_view', '~> 2.0.4'
@johnantoni
johnantoni / dimensions.md
Last active August 29, 2015 13:58
responsive screen dimensions

Mobile:

  • Nexus 5 -- 1080 x 1920 pixels -- more -- (SMALL)
  • Windows Phone -- 768 x 1280 pixels -- more -- (SMALL)
  • iPhone 4S -- 640 x 960 pixels -- more -- (SMALL)
  • iPhone 5 -- 640 x 1136 pixels -- more -- (SMALL)

Tablet:

  • Nexus 7 v1 -- 1280x800 pixels -- more -- (MEDIUM)
  • Nexus 7 v2 -- 1920x1200 pixels -- more -- (MEDIUM)
  • iPad Mini -- 2048×1536 pixels -- more -- (MEDIUM)
@LeaVerou
LeaVerou / dabblet.css
Created March 17, 2014 04:32
Gradient cheatsheet
/* Gradient cheatsheet */
background: linear-gradient(45deg, white, black);
background: linear-gradient(to right, white 50%, red, black);
background: linear-gradient(to bottom right, white 50px, black);
background: repeating-linear-gradient(to bottom left, white, black 30px);
background: radial-gradient(at top right, white, black);
background: radial-gradient(circle at top right, lime 50%, black 0);
background: radial-gradient(farthest-corner at center, red 80%, black);
background: radial-gradient(farthest-side at center, yellow 80%, black);
@johnantoni
johnantoni / recipe-enery-bars.md
Last active August 29, 2015 13:57
Morning Energy Bars

Morning Energy Bars

From: Eat Raw, Eat Well p. 35

Ingredients:

  • 2 cups Chopped pitted dates
  • 2 tbsp Raw cacao powder
  • 3 tbsp Raw agave nectar
  • 2 tbsp Water