Skip to content

Instantly share code, notes, and snippets.

View clintfisher's full-sized avatar

Clint Fisher clintfisher

5 followers · 8 following
  • Los Angeles Times
  • Los Angeles
View GitHub Profile
@clintfisher
clintfisher / sanfrancisco-font.css
Created November 8, 2018 05:54
San Francisco Web Font
/** WARNING - USE AT OWN RISK */
/** IT IS AGAINST APPLE'S POLICY TO USE SF PRO FOR ANYTHING OTHER THAN iOS/tvOS/macOS/watchOS DESIGN & DEVELOPMENT */
/** https://sf.abarba.me/LICENSE.pdf */
/** 1. Copy/import this file into your main css/scss file */
/** 2. Change css font-family: to "SF Text", "SF Display" or "SF Mono" */
/** 3. Apply font-weight or italic to html elements */
/** THANK YOU */
/** I host these fonts on Cloudfront with SSL in all AWS regions for the best performance and reliability */
@clintfisher
clintfisher / multiple_ssh_setting.md
Created October 15, 2018 17:49 — forked from jexchan/multiple_ssh_setting.md
Multiple SSH keys for different github accounts

Multiple SSH Keys settings for different github account

create different public key

create different ssh key according the article Mac Set-Up Git

$ ssh-keygen -t rsa -C "your_email@youremail.com"
@clintfisher
clintfisher / essential-javascript-links.md
Created May 16, 2018 19:15 — forked from ericelliott/essential-javascript-links.md
Essential JavaScript Links
@clintfisher
clintfisher / pagebuilder-and-you.md
Created November 21, 2017 23:10
PageBuilder and You: A giude to getting started with tronc's (LATMG's?) PageBuilder repository

PageBuilder and You: A guide to getting started with tronc's (LATMG's?) PageBuilder repository

Welcome!

This guide will walk you, the reader/tronc/latmg developer, through setting up our Arc PageBuilder repository on your local machine for development purposes. Let's get started!

Step 0: Ignore the docs

The default docs in the github repo outline steps for running PageBuilder in vagrant. Ignore them! They are very deprecated and will not work.

Step 1: Install Docker

If you don't have it already, go to the Docker website and install Docker for your OS. Go ahead, I'll wait. .

@clintfisher
clintfisher / sectioningcontenttest.html
Last active August 29, 2015 14:27 — forked from adactio/sectioningcontenttest.html
Illustration of sectioning content and the outline algorithm in HTML5.
<!DOCTYPE html>
<html lang="en">
<title>Sectioning Content test</title>
<h1>This is an h1</h1>
<p>That h1 is the heading for the body (a sectioning root).</p>
<div>
<h1>This is another h1</h1>
<p>That h1 is inside a div so it is no different than the first h1.</p>
</div>
<section>
@clintfisher
clintfisher / gray.scss
Last active August 29, 2015 14:23 — forked from LeaVerou/gray.scss
@function gray($intensity, $alpha: 1) {
@return rgba($intensity, $intensity, $intensity, $alpha);
}
/* Thanks Chris Eppstein for simplifying my code! */
/* Testing our new function */
body {
background: gray(50%);
background: gray(255, .2);
@clintfisher
clintfisher / SassMeister-input-HTML.html
Last active August 29, 2015 14:23 — forked from nicbarajas/SassMeister-input-HTML.html
<div id="box">Hello!</div>
@clintfisher
clintfisher / index.htm
Last active August 29, 2015 14:10 — forked from ericandrewlewis/index.htm
IE9 Selector Limit Test
<!doctype html>
<html>
<head>
<meta charset="utf-8" />
<title>Selector test</title>
<link rel="stylesheet" href="test.css" />
<link rel="stylesheet" href="test2.css" />
<link rel="stylesheet" href="test3.css" />
</head>
<body>
@clintfisher
clintfisher / dabblet.css
Created March 20, 2014 19:22 — forked from ZeeAgency/dabblet.css
/**
* Vertical centering with inline-block + generated-content
* Julien Cabanès
* based on http://css-tricks.com/centering-in-the-unknown/
*/
html, body { height: 100%; }
body {
display: inline-block;
margin: 0;
@clintfisher
clintfisher / 320up.less
Created December 5, 2012 22:11 — forked from peterwilsoncc/320up.less
“Mobile first” CSS and getting LESS to help with legacy IE
.320up(){
.three20 {
color: #fff;
}
} /* end 320up mixin */
/*