Skip to content

Instantly share code, notes, and snippets.

View clintfisher's full-sized avatar

Clint Fisher clintfisher

  • 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 / 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 / grid-gradient-mixin.scss
Created August 8, 2016 14:43
grid gradient mixin sass
/* Sass Mixin that generates a Baseline Grid */
/* by: Mike Morrison, Soholaunch.com */
/* You don't have to leave this credit comment in, but it would be nice of you. */
// Set your grid dimensions here
$body-width: 960px;
$baseline: 22px;
@mixin baseline-grid {
$columns: 16;
$column-color: rgba(200,0,0,.2);
@clintfisher
clintfisher / SassMeister-input.scss
Created December 15, 2015 16:09
Generated by SassMeister.com.
// ----
// Sass (v3.4.20)
// Compass (v1.0.3)
// ----
// variables-font-legacy
// The exist to provide backwards compatibility for
// current things that use font variables. You should
// NOT be using these for new SCSS code.
@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);
<div id="box">Hello!</div>
<div class="details">
<p>Israel is a small country with a very well-informed and opinionated electorate. Naturally, Israeli media outlets have followed the election campaign closely, and they will be eager to call the outcome as quickly as they can.</p>
<hr />
<p>Voting stations close at 10 p.m. (4 p.m. Eastern time), but official results will not be available right away — in fact, they may not be known in full until sometime Wednesday morning.</p>
</div>